Как совершить разные действия по нажатию одной и той же кнопки (элемента)?

Question

[Василий Петров]

Имеется основной div, в котором находится <i>, по нажатию на него появляется дополнительный div, после второго нажатия на эту же кнопку, но уже с другим классом (он изменился через js после первого нажатия), дополнительный div исчезает. Тут все нормально, но основных div'ов больше чем 1, и когда нажимаю на кнопку, то дополнительный div появляется везде. Основной div — это запись в wordpress.

Как можно решить эту проблему?

$('.основной_див i').click(function(){
    if($(this).hasClass('fa-info-circle')){
    $('.дополнительный_див').animate({height: 'show'}, 700);
    $(this).removeClass('fa-info-circle').addClass('fa-info');
    }
    else{
    $('.дополнительный_див').animate({height: 'hide'}, 100);
    $(this).removeClass('fa-info').addClass('fa-info-circle');
    }
    });

Comments

[Руслан Полин]

Разметку покажите, а то так ничего не понятно.

Answer 1

[Руслан Полин]

В общем можно как-то так jsfiddle , если я вас правильно понял.

Comments

[Василий Петров]

Да, то что нужно. Спасибо)

[Руслан Полин]

Василий Петров: Рад был помочь.)