Jquery中toggle事件
阿新 • • 發佈:2018-12-03
Html程式碼
<p>測試1</p>
<p>測試2</p>
<p style="display:none">隱藏測試</p>
<button class="btn1">點選</button>
切換P標籤顯示/隱藏
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
把隱藏的P標籤顯示出來
$(document).ready(function(){
$(".btn1" ).click(function(){
$("p").toggle(true);
});
});
所有P標籤隱藏
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(false);
});
});
自定義切換P執行事件
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(function(){
點選第一次執行
},function() {
點選第二次執行
});
});
});