jquery добавить или удалить класс с помощью toggleClass () в методе click

Question

jquery добавить или удалить класс с помощью toggleClass () в методе click

0

Привет, я создал функцию аккордеона, используя функцию jquery функцией toggleClass.

здесь, щелкая по классу accordion active класс добавится к тому же классу. Я добавил некоторые стили в active класс для отображения дочерних классов. Теперь проблема заключается в том, что аккордеон переключается, если мы нажимаем какой-либо из классов accordion или его дочерних классов, что на нем не так? мой JS

$('.accordion').on('click', function() {
            $(this).toggleClass('active'); 
        });

Amadan 24 сен. 2013, в 13:55

Источник

Теги:

jquery

3 ответа

1

вы должны использовать .parent() Jquery.

$('.title').on('click', function() {
    $(this).parent().toggleClass('active'); 
});

Демо-версия

NaYaN 24 сен. 2013, в 08:50

0

Попробуй это:

   $('.accordion > a.title').on('click', function() {
       $(this).parent().toggleClass('active'); 
   });

или

   $('a.title').on('click', function() {
       $(this).parent().toggleClass('active'); 
   });

здесь обновлено Демо

manish 24 сен. 2013, в 09:47

Ещё вопросы

Amadan · Accepted Answer · 2013-09-24T09-09-00.000Z

$('.accordion > a.title').on('click', function() {
  $(this).parent().toggleClass('active'); 
});

Как говорит Р.Грахам, в этом нет ничего плохого, это было именно то, о чем вы сказали. Если вы хотите, чтобы он переключался только при нажатии на заголовок, вам нужно поймать события на заголовке, а не весь аккордеонный div.

да уж.! parent () работает нормально .. :)