如果選擇器隱藏，在另一個選擇器上執行功能

Question

我是一個noob的一點，不能弄清楚如何使我的if語句工作。

我想要做的就是將位置box2向左210px，如果類box1被隱藏。

$(document).ready(function(){ 
    $("span:eq(0)").click(function(){ 
     $(".box1").toggle("slow"); 
    }); 

    $("span:eq(1)").click(function(){ 
     $(".box2").toggle("slow"); 
    }); 

    $("span:eq(2)").click(function(){ 
     $(".box3").toggle("slow"); 
    }); 

    $("span:eq(3)").click(function(){ 
     $(".box4").toggle("slow"); 
    }); 

    if($(".box1").is(":hidden")){ 
     $(".box2").css("left","210px"); 
    } else { 
     return; 
    } 
}); 

任何想法將不勝感激，謝謝。

這裏有一個jFiddle

Answer 1

編輯：

嘗試切換結束後，這個新JSFiddle

我調用該函數：

$("span:eq(0)").click(function(){ 
     $(".box1").toggle("slow", function(){ 
      changeProperty(); 
     });   
}); 

我認爲，當你驗證，如果被隱藏或不，該元素曾經有屬性display = block，但是如果你在toggle()之後調用它，則返回re元素的狀態。

function changeProperty(){ 

    if($(".box1").is(":hidden")){ 
     $(".box2").css({"left":"210px"}); 
    } 
    else 
    { 
     $(".box2").css({"left":"0"}); 
    } 
} 

Answer 2

這是你想要的嗎？

 if($(".box1").is(":hidden")){ 
     $(".box2").css("left","210px"); 
    }else{ 
     $(".box2").css("left","0"); // default 
    } 

Answer 3

嘗試編輯此：希望這會幫助你。

if($(".box1").is(":hidden")){ 
     $(".box2").css({"left":"210px"}); 
    } 
else 
    { 
     $(".box2").css({"left":"0"}); 
    }