JQuery переключаться и скрывать других

Question

JQuery переключаться и скрывать других

0

Я изучаю jQuery, и я пытаюсь получить небольшой список, который я могу скрыть и показать материал на основе щелчка. Я настроил его до такой степени, что я могу щелкнуть, чтобы развернуть, и он закроет все остальные и расширит правильный, но, к сожалению, я не могу понять, как закрыть его, нажав снова (что я думал,).

$(document).ready(function(){
    $(".expand").click(function() {
        $(".rating-container").hide();
        $(this).find(".rating-container").toggle();
    });
});

Спасибо за любую помощь, которую вы, ребята, можете предоставить!

http://jsfiddle.net/pDALQ/

Soltechy 30 апр. 2014, в 21:39

Источник

Теги:

jquery

2 ответа

0

Поскольку вы сначала скрываете контейнеры, переключатель не работает. Вот еще один способ сделать это -

$(document).ready(function(){
    $(".expand").click(function() {
        if( $(this).find(".rating-container").is(':visible') ) {
            $(".rating-container").hide();
        } else {
            $(".rating-container").hide();
            $(this).find(".rating-container").show();
        }
    });
});

http://jsfiddle.net/jayblanchard/pDALQ/4/

Jay Blanchard 30 апр. 2014, в 18:02

Ещё вопросы

j08691 · Accepted Answer · 2014-04-30T17-00-00.000Z

$('.expand').not(this).find(".rating-container").hide() все остальные рейтинги ($('.expand').not(this).find(".rating-container").hide()).

Пытаться:

$(document).ready(function () {
    $(".expand").click(function () {
        $('.expand').not(this).find(".rating-container").hide();
        $(this).find(".rating-container").toggle();
    });
});

Пример jsFiddle