如何使.onclick函數從頭開始再次執行動畫，如果它已經完成，則偵聽

Question

當我按下按鈕2時，我希望按鈕1的動作消失，反之亦然。

https://jsfiddle.net/9f8pceeu/12/

$(".btn1").on('click', function(){ 

Answer 1

如果你想顯示按鈕的點擊特定的元素，那麼你可以在按鍵設定的目標元素在某些屬性，並在點擊按鈕就可以隱藏所有的第一，然後可以fadeIn目標元素。

檢查下面的代碼。

$(document).ready(function() { 
 
    $("button").on('click', function() { 
 
    $("p").hide(); 
 
    $($(this).data("target")).fadeIn(500); 
 
    }); 
 
});

.p1 { 
 
    display: none; 
 
} 
 

 
.p2 { 
 
    display: none; 
 
}

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
 
<button class="btn1" data-target=".p1">Button1</button> 
 
<button class="btn2" data-target=".p2">Button2</button> 
 
<p class="p1"> 
 
    Hello :) 
 
</p> 
 
<p class="p2"> 
 
    How are you? 
 
</p>