Вопросы по тегу: accordion

(2)

Аккордеон Bootstrap - логика при альтернативном щелчке с помощью JQuery

У меня есть аккордеон из Bootstrap. Subject У меня есть что-то вроде глификон (fa fa-plus-square & fa-minus-square). Мне нужно, чтобы они менялись по клику с помощью JQuery. То есть, если аккордеон collapse1 открыт/нажат, то появляется глификон(fa-minus-square), а другой скрывается. Я сделал это следующим образом:$('#lblm1').click(function(){ var click = +$(this).data('clicks') || 0; if (click % 2 == 1) { $('#faOff1').toggle(); $('#faOn1').toggle(); }else{ $('#faOff1').toggle(); $('#faOn1').toggle(); }; $(this).data('clicks',click+1); }); При нажатии на кнопку мыши эти два элемента будут попеременно переключаться. Единственная проблема заключается в том, что аккордеон Bootstrap при нажатии закрывает другой сворачиваемый элемент, поэтому другие глификоны должны меняться в соответствии с их сворачиваемостью.
V

Vince Parker

6 лет назад

Ответов: 1

Как включить вращение изображений svg в карточке-аккордеоне Bootstrap 4 по клику?

У меня есть изображение стрелки svg в каждом заголовке моей карточки-аккордеона Bootstrap 4. Я хочу, чтобы стрелка открытого заголовка поворачивалась на 180 градусов, пока он открыт, и возвращалась в исходное состояние, если я закрою его или открою другой заголовок. Сейчас стрелки поворачиваются только пока я удерживаю нажатой кнопку мыши, а затем возвращаются в исходное состояние, как только я отпускаю мышь. Помогите?CSS.arrow:active { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } HTML FAQ How many team members can I invite? You can invite up to 2 additional users on the Free plan. There is no limit on team members for the Premium plan. Javascript $('.arrow').click(function() { $(this).toggleClass('active'); });
A

AsheOmFree

год назад

Ответов: 2

2022 WebDevInsider