如何使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的切换工作

回答

相关问题