如何使jQuery的切換工作

我有一個簡單的兩個div：如何使jQuery的切換工作

<div id="slide_menu"> 
<div id="tic">MENU</div> 
</div>

而且我想在點擊的div＃旅遊業議會的div＃slide_menu切換上下。我試圖使用slideUp和slideDown函數，也slideToggle。 bot沒有任何工作。這裏是我最新的jQuery腳本：

<script type="text/javascript"> 
$('#tic').click(function() { 
$('#slide_menu').slideToggle(); 
});

任何人？幫幫我？

來源

2012-03-14 Jakub Zak

一個例子，如果slide_menu是父，因爲它隱藏的切換DIV這將只能使用一次。另外，把它放在document.ready jquery回調中，像這樣''$（document）.ready（function（）{// your stuff}）;' – 2012-03-14 23:51:52

@AustinBrunkhorst＃tic'元素可以被絕對定位.. – 2012-03-14 23:52:31

這並不重要，如果父母是隱藏的，所以是子元素... – 2012-03-14 23:55:05

在裏面添加div並隱藏它。當你點擊菜單，然後切換滑動該div。

<div id="slide_menu"> 
<div id="tic">MENU</div> 
    <div class="expandMenu"></div> 
</div> 


$('#tic').click(function() { 
$('.expandMenu').slideToggle(); 
});

這裏是jsfiddle

來源

2012-03-14 23:57:55 Dips

謝謝，解決了它。 – 2012-03-15 00:05:59

不客氣 – Dips 2012-03-15 00:08:25

如何使jQuery的切換工作

回答

相關問題