1. toggle -> Nếu đang ẩn thì hiện và ngược lại
$('p').toggle(300); -> ân thẻ sau 0,3 s
$('p').toggle(300,'swing');
Ví dụ 1:
<p>XIN CHAO CAC BAN !</p>
<input onclick="xuly();" type="button" value="button" />
<script>
function xuly()
{
$('p').toggle(300,'swing');
}
</script>
Ví dụ 2:
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>
Ví dụ 3: tham số true / false
<p>XIN CHAO CAC BAN !</p>
<input onclick="xuly();" type="button" value="button" />
<script>
function xuly()
{
$("p").toggle( false );
}
</script>
2. Sử dụng hàm trong toggle
<p>XIN CHAO CAC BAN !</p>
<span style="display:none">HELL</span>
<script>
$('p').toggle(2000,function(){
$('span').fadeIn(100);
});
</script>
-> Sau khi ẩn thực hiện gọi hiển thị thẻ span
Một số hàm hay sử dụng trong jquery