jquery - 如果对象可见jquery，则更改边距

Question

如果对象 .nav-wrapper 具有属性 display，我想更改对象 .content 的 top 属性 设置为 block。

这是我的实际(不工作)代码:

$(document).ready(function(){
     $("#menu").click(function(){
          $(".nav-wrapper").slideToggle("slow");

          if($(".nav-wrapper").css("display") == "block"){
               $(".content").css("top","340px");
          }
          else{
               $(".content").css("top","105px");
          }
     });
});

谁能帮我弄清楚如何让它工作？

Answer 1

您需要在动画完成之后检查条件。

此外，检查它是否可见而不是 CSS 属性 display

$(document).ready(function(){
    $("#menu").click(function(){
        $(".nav-wrapper").slideToggle("slow",function(){

            if($(".nav-wrapper").is(':visible')){
                $(".content").css("top","340px");
            }
            else{
                $(".content").css("top","105px");
            }
        });
    });
});