2013-03-30 73 views
0

嗨!我只是jquery功能的新手,我能完成一定的div隱藏/顯示功能,但我想在中心的方式,使在執行秀格。現在這些div有一個內容,但是當我點擊秀它從左到右顯示..有人可以做這些詭計爲中心嗎?jquery hide /顯示功能

window.onload = function(){ 
    $('#show').click(function() 
    { 
     $('#nav').show('blind'); 
     $('#show').hide(); 
     $('#hide').show(); 
    }); 

    $('#hide').click(function() 
    { 
     $('#nav').hide('blind'); 
     $('#hide').hide(); 
     $('#show').show(); 
    }); 
} 
+0

請提供HTML和CSS代碼 – egig

回答

1

使用.toggle()對於在相同time.u做既隱藏和顯示不需要寫顯示和隱藏功能分別

http://api.jquery.com/toggle/

<!DOCTYPE html> 
<html> 
<head> 
<style> 
p { background:#dad; 
font-weight:bold; 
font-size:16px; } 
</style> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
</head> 
<body> 
<button>Toggle 'em</button> 
<p>Hiya</p> 
<p>Such interesting text, eh?</p> 
<script> 
$("button").click(function() { 
$("p").toggle("slow"); 
}); 
</script> 
</body> 
</html> 
+0

我知道了,謝謝,,但我想知道是否有可能獲得例如在演示中心(從基準隱藏顯示的那個狀態),,而不是執行從在點擊切換按鈕從左到右? –

+0

如果你想從中心像介紹彈出看到這個鏈接http://jqueryui.com/toggle/ –