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

[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

Змінено 8 серпня 2018 користувачем anboza