如何在同一個按鈕的多次按下時有條件地轉換div到一個狀態

<script> 
$(document).ready(function(){ 
$("button").click(function(){ 
$(".inside").css("transform","translateX(0px)") 
});

如何才能使JS代碼在點擊和返回時翻譯？（「。」）.css（「transform」，「translateX（400px）」）; } }）;如何在同一個按鈕的多次按下時有條件地轉換div到一個狀態

</script> 
<style> 
#cont{ 
background:#98bf21; 
height:400px; 
width:400px; 
} 
.inside{ 
    background:#09C; 
height:400px; 
width:400px; 
position:absolute; 
overflow:hidden; 
transform:translateX(-500px); 
transition:1s; 
} 


</style> 
<body> 
<button>Button</button> 
<div id="cont" > 
<div class="inside"></div> 
</div> 
</body> 
</html>

來源

2016-02-07 Abdur Rafai

使用「大寫鎖定」是不適合這個系統。 – yanis

對不起，請牢記這一點。 –

試試這個

$(document).ready(function(){ 
    var clicked = false 

    $("button").click(function(){ 
     if (clicked) 
      $(".inside").css("transform","translateX(-500px)"); 
     else 
      $(".inside").css("transform","translateX(0px)"); 

      clicked = !clicked; 
    }); 
});

來源

2016-02-07 20:28:47 drosam

謝謝你，你的代碼工作 –

讓我們只是說我想再次做同樣的事情，但與不同的按鈕，而當你點擊另一個按鈕第一個div應該溢出隱藏和第二個容器在前面翻譯 –

你只需要兩個'click'聽衆，每個按鈕一個。在其中的一箇中，你設置了'$（「。inside」）.css（「transform」，「translateX（-500px）」）;'和另一個$（「。inside」）.css（「transform」，「translateX（0px）」）;' – drosam

如何在同一個按鈕的多次按下時有條件地轉換div到一個狀態

回答

相關問題