Блог

Главная - Вопросы по программированию - Переключение Jquery: закрытие элемента переключения

Переключение Jquery: закрытие элемента переключения

#javascript #jquery #toggle #slidetoggle

#javascript #jquery #переключение #slidetoggle

Вопрос:

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

Запрос :

 $(".faqtopics").click(function(event) {
    $("div.faqtext").slideUp(400);
    $(this).next("div.faqtext").slideToggle();
});

Большое спасибо за вашу помощь!

Ответ №1:

Используйте .stop()

Описание: Остановите текущую анимацию для соответствующих элементов.

Код

 $(".faqtopics").click(function(event) {
    $("div.faqtext").stop(true).slideUp(400);
    $(this).next("div.faqtext").stop(true).slideToggle();
});

ДЕМОНСТРАЦИЯ

Комментарии:

1. Извините, Satpal, он хорошо работает на jsfiddle, но не на моем сайте! У вас есть идея, почему?

2. @Arone, вы получаете какую-либо ошибку в консоли браузера?

3. нет, на моем сайте все в порядке, за исключением того, что я больше не могу нажимать на переключатель

4. Извините, сейчас это работает! Я забыл использовать var $j = jQuery.noConflict(); Большое спасибо за вашу помощь!

Метки: