Question

我目前正在一个网站上工作，我有几个标题。当我点击标题时它会显示下面的图像，但是当我点击两个或更多标题时，一切都会出错，整个页面都会搞砸。我试图用if语句修复它，但它似乎不起作用。

这是我到目前为止的javascript：

$(document).ready(function(){
    $("#button1").click(function(){
        $(".close1").toggle();
        $("#button2").toggleClass("movedown");
        $(".tab").toggleClass("movetab");
        $(".me").toggleClass("moveme");
    });

    $("#button2").click(function(){
        $(".close2").toggle();
        $("#button3").toggleClass("movedown");
        $(".tab").toggleClass("movetab");
        $(".me").toggleClass("moveme");
    });

    $("#button3").click(function(){
        $(".close3").toggle();
        $("#button4").toggleClass("movedown");
        $(".tab").toggleClass("movetab");
        $(".me").toggleClass("moveme");
    });

    $("#button4").click(function(){
        $(".close4").toggle();
        $("#button5").toggleClass("movedown");
        $(".tab").toggleClass("movetab");
        $(".me").toggleClass("moveme");
    });

    $("#button5").click(function(){
        $(".close5").toggle();
        $("#button6").toggleClass("movedown");
        $(".tab").toggleClass("movetab");
        $(".me").toggleClass("moveme");
    });

    $("#button6").click(function(){
        $(".close6").toggle();
    });  

    if ((document.getElementById('#info4').display === 'block') &&
        (document.getElementById('#info5').display === 'block')) {
        $(".me").toggleClass("moveme2");
    }
    else {
        return;
    }
});

Answer 1

把它放在.ready函数

之外

if ((document.getElementById('#info4').display === 'block') &&
    (document.getElementById('#info5').display === 'block')) {
    $(".me").toggleClass("moveme2");
}
else {
    return;
}

如果显示两个div（并且只有它们都显示）推送文本

1 个答案: