Question

I have a simple two divs:

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

And I would like to on click on div#tic to div#slide_menu toggle up and down.
I was trying to use slideUp and slideDown functions and also slideToggle. bot nothing work. Here is my latest jquery script:

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

Anyone? Help?

Answer 1

Add a div inside and hide it before. when you click on the menu then toggleSlide that div.

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


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

Here is an example in jsfiddle