@Bauss

Как сделать toggle эффект только для одной кнопки?

Есть три одинаковых кнопки, с одинаковым классом, хочу сделать чтоб по нажатию на кнопку появлялся блок под кнопкой с контентом, есть простой скрипт
$(document).ready(function(){
    $(".btn-arrow").click(function(){
        $(".vacancy-hidden").toggle();
    });
});

и по нажатию на кнопку скрытый блок появляется у всех троих кнопок, как сделать чтоб по нажатию на кнопку появлялся только его скрытый блок? Чтоб не пришлось давать отдельные классы для скрывающегося блока и кнопке, сори если плохо вопрос задал, незнаю как лучше описать.
  • Вопрос задан
  • 392 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
тест на вангу пройден?
$(document).ready(function(){
    $(".btn-arrow").click(function(){
        $(this).find(".vacancy-hidden").toggle();
    });
});
//или
$(document).ready(function(){
    $(".btn-arrow").click(function(){
        $(this).siblings(".vacancy-hidden").toggle();
    });
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы