如何使.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>