slidedown

问题 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

问题 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...

问题 Do slideUp('slow') and hide('slow') result in the same animation effects? Example Code: $(document).ready(function(){ $("#hide").click(function(){ $("p").hide('slow'); }); $("#show").click(function(){ $("p").show('slow'); }); }); <p>If you click on the "Hide" button, I will disappear.</p> <button id="hide">Hide</button> <button id="show">Show</button> 回答1: No. .slideUp('slow') animates the height and vertical padding to zero. .hide('slow') also animates the width, horizontal padding, and

问题 why the following code doesn't work? Under Opera it show just a black line for a second where the div should be, Under IE it shows div for 1 second, under FF nothing happens. function showAdvanced(){ $("#advanced").slideDown("slow"); }; <div id="content"> <form action="mycontrolleraddress" method="post" accept-charset="utf-8" name="search_form" id="search_form"> <input type="text" name="query" value="" style="width:300px;font-size:18pt;border-color:#0080FF;border-width:2px;border-style:solid

问题 It seems like after calling both result is the same. 回答1: The show / hide methods animates width, height and opacity, while slideUp / sideDown only animates the height. The default duration of show / hide is zero, so if you don't specify a duartion it will show/hide the element immediately. If you are not seeing any difference between the methods, then they are most likely not working propery with the element that you apply them to. A common reason for that is that you are testing in Internet

问题 This works but I'm not sure why. In function capIn() , in my mind the line $botcap.slideDown("slow") should slide the div down. It slides it up. If I try using .slideUp() nothing happens as if it is trying to slide it down. Can anyone explain this to me? $(".slide").hover(capIn, capOut); function capIn(){ //slide top caption down var $topcap = $(this).children(".topcap"); $topcap.slideDown("slow"); //slide bottom caption up //!! Why does slideDown slide caption up here? var $botcap = $(this)

问题 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({

问题 having a bit of a issue got four links when clicked i want to to load in content from an external html page into a div called content which slides down and shows the content from the external html page, but I want to use the href from the links to load in specific div tags from the external html page.. I'm nearly there just missing the final part.. I cant seem to use my variable inside my jquery load statement.. this is what ive got so far.. $("#services a").click(function(){ var href = $

问题 I have a simple .slideDown function: $globalTabs.find('.seeMore a').live("click", function(){ $globalTabs.find(".allTabs").slideDown('slow'); }); When a user clicks on an <a> in .allTabs , .allTabs does a .slideUp . What I want to do, is if a user has not clicked anything in .allTabs and the mouse is no longer within .allTabs , then a timer initiates to wait x amount of time and then do the .slideUp . Additionally, if the mouse enters .allTabs again before the .slideUp triggers - then the

问题 The idea I'm having is having a view that can be pulled down on top of the current view, with similar animation features like the one you can pull down from the top all the time, on Android Devices. Here's an illustration: The idea is to grab it and being able to pull it down on top of the other view, and then being able to interact with that view. To slide it up again, you should grab the bottom of the view (the grey area in the illustration) again, and then pull it up. I haven't even worked