1

如果这是一个新手问题,请原谅我:

我设置了一个菜单来打开下一个 div 以查看更多详细信息,如果已经打开了另一个 div,它将在打开新的 div 时将其关闭。如果单击与该 div 关联的标题,我无法弄清楚如何关闭已打开的 div。它只是关闭并重新打开。

代码:

$(document).ready(function() {

    $(".heading").click(function(){
        if($(".content").is(":visible")){
            $(".less").removeClass("less");
            $(".content").slideUp(500);
        }
        $(this).next(".content").slideToggle(500);
        $(this).children(".more").toggleClass("less");
    });

});

任何帮助表示赞赏。

4

2 回答 2

6

尝试这个:

$(".heading").click(function(){
    // Cache stuff, so we don't have to keep generating jQuery objects
    var $this = $(this);
    var $thisContent = $this.next(".content");

    // Saves a boolean value to see if the clicked element's content is
    // currently visible
    var thisWasVisible = $thisContent.is(":visible");

    // Removes less class and slides up ALL visible content divs
    $(".less").removeClass("less");
    $(".content").slideUp(500);

    // Slide the clicked element's content div down and add less class,
    // but only if it's content was not originally visible. We don't want
    // to show it again if it was just hidden.
    if(!thisWasVisible){
        $thisContent.slideDown(500);
        $this.children(".more").addClass("less");
    }
});
于 2011-06-02T17:21:37.853 回答
0

尝试这个

$(document).ready(function() {

$(".heading").click(function(){
    if($(".content").is(":visible")){
        $(".less").removeClass("less");
        $(".content").slideUp(500);
    } else {
        $(this).next(".content").slideDown(500);
        $(this).children(".more").toggleClass("less");
    }
});

});

可能是对你所拥有的东西的侵入性最小的改变,这应该有效。

于 2011-06-02T17:20:38.637 回答