TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊
show, hide 都有 callback 函數(shù)，callback 就是在一個(gè)動(dòng)作完成之后【再】執(zhí)行的函數(shù)
$("#divB").hide(500, function() {
$("#divA").hide();
});
TA貢獻(xiàn)1884條經(jīng)驗(yàn) 獲得超4個(gè)贊
在jquery中我顯示與隱藏元素可以直接使用show()和hide()來(lái)操作，這比起js中的操作要方便了，同時(shí)show()和hide()還可以 設(shè)置參數(shù)讓我們的運(yùn)行有個(gè)緩存效果
首先來(lái)看個(gè)段落文字的顯示和隱藏
1：show() 方法
顯示出隱藏的 <p> 元素。代碼如下：
$(".btn2").click(function(){
$("p").show();
});
2：hide()隱藏可見(jiàn)的 <p> 元素：代碼如下：
$(".btn1").click(function(){
$("p").hide();
});
3：jQuery代碼如下：
$("element").show("slow");
運(yùn)行該代碼后，元素將在600毫秒內(nèi)慢慢的顯示出來(lái)。其它的速度關(guān)鍵字還有”normal“和”fast“（長(zhǎng)度分別是400毫秒和200毫秒）。
不僅如此，還可以為顯示速度指定一個(gè)數(shù)字，單位是毫秒。
例如，使用如下代碼使元素在1秒鐘（1000毫秒）內(nèi)顯示出來(lái)；
$(”element").show(1000);在前面的例子中，把其中的hide()方法改為hide(600),show()方法改為show(600)。
jQuery代碼如下：
$(function () {
$("#panel h5.head").toggle(function () {
$(this).next().hide(600);
}, function () {
$(this).next().show(600);
})
});
從代碼的執(zhí)行過(guò)程中，可以發(fā)現(xiàn)，hide(600)方法會(huì)同時(shí)減少“內(nèi)容”的高度、寬度和不透明度，直至3個(gè)屬性的值為0，最后設(shè)置該元素的CSS規(guī)則為“display:none”。
然后我們?cè)賮?lái)看個(gè)簡(jiǎn)單的代碼：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide();
});
$(".btn2").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
這個(gè)就是超簡(jiǎn)單的顯示與隱藏了，如果要有效果我們只要在hide或show中帶時(shí)間或參數(shù)即可：
代碼如下：
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide(1000);
});
$(".btn2").click(function(){
$("p").show(1000);
});
});
</script>
舉報(bào)