Hi.
I'm new to jQuery and trying to get a blind/slidedown effect to work.
I read all the tutorials and examples I could find, but for some
reason I couldn't find any solution for this specific problem.
I hope someone in this mailing list can help!
Basically, I want a simple slidedown or blind effect. However, I want
to have it start with the content hidden.
Example:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.5.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".toggle").click(function(){
if ($("#hiddencontent").is(":hidden")) {
$("#hiddencontent").slideDown("slow");
} else {
$("#hiddencontent").slideUp("slow");
}
});
});
</script>
</head>
<body>
<a href="#" class="toggle">Click here to view more</a>
<div id="hiddencontent">
This is the content that is hidden when the page is loaded
</div>
</body>
</html>
This works, except that the DIV with the content that is supposed to
be hidden, is visible.
I'm lost with this one. I tried
http://docs.jquery.com/Effects/slideDown#speedcallback
http://ui.jquery.com/demos/effects_showhide/
and http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
but for some reason, none work with the content hidden at start.
Help!
Many thanks in advance.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
