стрелки вверх и вниз в скрытот блоке

[terry]

как реализовать вот икое? у меня есть блок который при нажатии открывается, и я хочу добавить стрелочки вверх и вниз соответственно когда блок скрытый то вниз когда открытый то вверх (скрины 1 и 2). имею вот икой вариант (скрин 3) но он не рилииет, выводит стрелки вместе одновременно

[anboza]

class="upduwn fa-chevron-down"
.
.
.

function toggleIcon(a) {
    $(a.target)
        .prev('.panel-heading')
        .find(".updown")
        .toggleClass('fa-chevron-up');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);

писал без проверки, суть икая

[terry]

это нужно создать отгдельный класс?

3 часа назад, anboza сказал:

class="upduwn fa-chevron-down"
.
.
.

function toggleIcon(a) {
    $(a.target)
        .prev('.panel-heading')
        .find(".updown")
        .toggleClass('fa-chevron-up');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);

писал без проверки, суть икая

 

[anboza]

2 часа назад, terry сказал:

это нужно создать отгдельный класс?

5 часов назад, anboza сказал:

updown - это класс привязки, просто добавьте в свой. выглягдеть бугдет ик: class="updown fa  fa-chevron-down"

все что function - это jscript

Edited August 8, 2018 by anboza