[英]how to conditionally transform div to and from a state on multiple presses of same button
<script>
$(document).ready(function(){
$("button").click(function(){
$(".inside").css("transform","translateX(0px)")
});
我怎樣才能使JS代碼平移回來？ if（$（document）.click（“ button”））{$（“。inside”）。css（“ transform”，“ translateX（400px）”）; }};
</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>
嘗試這個
$(document).ready(function(){
var clicked = false
$("button").click(function(){
if (clicked)
$(".inside").css("transform","translateX(-500px)");
else
$(".inside").css("transform","translateX(0px)");
clicked = !clicked;
});
});
從 WordPress 中的表單處理多個 HTML 提交按鈕按下
[英]Handling multiple HTML submit button presses from form in WordPress
用戶在谷歌瀏覽器中按“后退”按鈕時，如何加載上一個狀態？
[英]How can I load last state when user presses back button in google chrome?
如何<a>從具有相同類的多個div中</a>刪除沒有<a>標簽的div？</a>
[英]How to delete div not having <a> tag from Multiple div with same classes?
添加按鈕上顯示多個div 點擊如何通過刪除按鈕刪除同一個div
[英]Multiple div shown on the add button click how to delete the same div through the delete button
如何通過單擊下一步按鈕顯示列表中相同類別的div？
[英]How to display the div of same class from list by clicking next button?
如何從 javascript 訪問多個 div 元素（塊級元素），以更改所有元素的轉換屬性？
[英]How to access multiple div elements (block level elements) from javascript, to change the transform property of all elememts?
如果所有div具有相同的類，如何在jquery click事件中從多個div中選擇一個div？
[英]how to select a div from multiple div on jquery click event if all div have same class?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.