javascript - 如果显示两个 div(并且仅当它们都显示时)将文本向上推

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;
}