Response title
This is preview!
The slideUp div disappear quickly after showing up!
in Using jQuery
•
11 years ago
Hi
I am trying to slideUp/Down a div but the the div just appears very quickly and then disappear! Can you please let me know what I a doing wrong?
Here is the code I am using
Css:
and here is the Jquery:
as you can see I am trying to use the li id="Services" as the selector.
Thanks,
I am trying to slideUp/Down a div but the the div just appears very quickly and then disappear! Can you please let me know what I a doing wrong?
Here is the code I am using
Css:
- .magicDiv{
background-color: black;
position: relative;
margin: 0 auto;
width: 70%;
height:120px;
display:none;
}
- <div class="row_2">
<div class="magicDiv"></div><!--End of magicDiv-->
</div><!--End of row_2-->
- <ul class="menu">
<li><a href="index.html" class="active"><span>Home</span></a></li>
<li id="Services"><a href="" ><span>Services</span></a></li>
<li><a href="/about"><span>About Us</span></a></li>
<li><a href="Contact.html"><span>Contact</span></a></li>
<li><a href="/contact"><span>User Access</span></a></li>
</ul>
and here is the Jquery:
- <script type="text/javascript">
$(document).ready(function(){
$("#Services").click(function(){$(".magicDiv").show().slideUp('slow');
});
});
</script>
as you can see I am trying to use the li id="Services" as the selector.
Thanks,
1
