slidedown

I'm trying to get jQuery's slideDown() animation to work, but in my case the text that should slide down , just appears .. How do I make it appear with the animation in place too ? I tried manually specifying the speed too, but end result was the same. HTML: <section class="subscribe"> <button id="submitBtn" type="submit">Subscribe</button> <p></p> </section> JavaScript: $(function () { $("#submitBtn").click(function (event) { $(".subscribe p").html("Thanks for your interest!").slideDown({ duration: 4000 }); }); }); JSFiddle: http://jsfiddle.net/ahmadka/A2mmP/ Your p element is already

I am having a timing issue when attempting to slide down my more info div. My desired functionality is that the div slidesdown from the top once the page has already been rendered. My problem is if I use $(document).ready().. the animation does not visibly occur. Here is my code: $(document).ready(function() { $(".MoreInfo").slideDown('slow'); }); If I strap it to some other element's click for example, it works beautifully. But I am not sure how to make it visibly slide down once the page has loaded. Thanks! I tried mixing and matching using: $(window).load(function() and $(document).ready

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. Closed 6 years ago . Does anyone know if there is a JQuery plugin that will create a "slide down" menu similar to the one featured here : http://www.bu.edu/ Not sure if I am using the right term for this type of menu and I've been searching Google and

HTML: <a href="#" class="show_hide" data-content="toggle-text">Read More</a> jQuery: // Slide Up Slide Down $('.show_hide').toggle(function(){ $(this).text().replace("Read More", "Read Less"); $('.' + $(this).attr('data-content')).slideDown(); },function(){ $(this).text().replace("Read Less", "Read More"); $('.' + $(this).attr('data-content')).slideUp(); }); I am trying to make one of those "Read More / Read Less" buttons to hide and show text. How do I replace "Read More" with "Read Less" on click? Your input is much appreciated! You could also use :visible to check if content is visible and

I've had this problem twice on two different sites. It works in all browsers other than IE9. I have a div being opened and closed using jquery slideup and slideDown (the same problem happens with slideToggle). I'm able to see the content of the div as it slides down, but as soon as the animation stops, the content disappears. Heres an example of this problem http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all click on the "more categories" link. Has anyone else experienced this problem, and are there any workarounds? I can change it to just do a simple show/hide, that works

I found this post How to create sliding DIV on click? But all the answers are Jquery methods. Is there any way to create this with PURE CSS? I have a couple other things in mind as well... What can I add to make the slide down div stay put when scrolling Change the link that triggers the animation to "Close" in order to make the div slide back up Here is a link to the example in that post// http://shutterbugtheme.tumblr.com/ I've also tried googling but the only results are jquery methods... It can be done, although it's a little bit of a hack. The two elements that retain state (referred to