Question

我一直在学习jQuery，而且我试图获得一个小名单，我可以隐藏并根据点击显示内容。我把它设置到可以点击展开的位置，它会关闭所有其他的并扩展正确的，但不幸的是我无法通过再次点击来弄清楚如何关闭它（我以为切换会这样做。）

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

感谢您提供任何帮助！

http://jsfiddle.net/pDALQ/

Answer 1

首先隐藏所有其他评级容器（$('.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 example

Answer 2

因为您首先隐藏容器，所以切换不起作用。这是另一种方法 -

$(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/

jquery toggle＆amp;隐藏他人

2 个答案: