Hi, The scriptaculous wiki has a demo (http://github.com/madrobby/scriptaculous/wikis/effect-slidedown) that shows the SlideDown effect in use. However I need to have the same link to slide down if a certain DIV is hidden and SlideUp if that DIV is showing. How do I achieve this? Thanks. ...
If an item is being deleted then I would like to fade it out and slide the other elements up to fill the empty space. Now, when I use fadeOut() the item doesn't have a height at the end which results in the other items jumping up (instead of sliding up nicely). How can I slideUp() and element right after fadeOut()? ...
I have a webpage with multiple DIV elements. If i use the jquery function SlideUp to hide one (which is towards the bottom of the page), the page automatically scrolls back to the top. How can I prevent this? To trigger the jquery function, I do something like this: $(MyLink).click(function() { MyDiv.slideUp("slow"); } MyLink being...
Can anyone help me to rewrite the below code which use a fade effect , to use a sliding effect.I want Slide up and Slide Down function ShowCostMetrics() { $("#pnlGraph").fadeOut("slow",function() { $("#pnlCostMetrics").fadeIn("slow"); }); } function ShowGraph() { $("#pnlCostMetrics").fadeOut("slow",function() { ...
Hey, How can I wait till the end of the jQuery function slideUp() before continuing the script? <script type="text/javascript"> $(document).ready(function() { $("div[class=item]").click(function() { var id = $(this).attr("id"); $("#content").slideUp(); switch(id) { // Applications case "rampro": $("#content").css("text...
I use the following to load a new page within the current page, no refresh. $(document).ready(function(){ $("#leftnav").click(function(){ $.post("regions.php",function(data){document.write(data)},"html") return false; }); }); Is it possible to animate the new page with jquery, like slide up the new page? Thanks, ...
I have the code below working like a charm: var div = $('#div'); div.html('<div>one line</div><div>another line</div>'); div.slideDown('slow'); But the problem comes when I need to change the content (the number of lines): div.html('<div>one line replacement</div><div>another line replacement</div><div>third line</div>') This trans...
Hey guys, I have written some jQuery code to use the "slideUp" animation when deleting rows from a table. In order for the animation to appear smooth, I wrapped the contents of each TD in the row with DIV tags, and called the slideUp function on the DIVs, removing the actual TDs upon completion of the animation. The code for that is as f...
Hi, This is two questions in one really... First, I have a list of 'tickets'. Each ticket has a unique ID, which I am using to ID the element. There is an option to click ('a.showMore') to view more information about the 'ticket'. When this is clicked, I'm using jquery.append to add an option to close this extra information and slide d...
Hello! How can i make sure that several divs are slided up? Right now I have this function: $("div#personal").click(function() { $("div.1").slideUp("slow", function () { $("div.2").slideDown("slow") } ); }); What i would want to do is to make sure that all divs that are named: div.1 div.2 EXCEPT THIS ONE div.3 div.4 div.5 is ...
I'm creating a page with an image at the top, and a menu below. When the user clicks on on of the 3 menu buttons, the image slideUp and the page scrolls down so the menu is at the top of the page, then the right .content div fades in. The slideUp should only happen the first time the user clicks on of the buttons. What the absolute best...
When I call slideup or slidedown on my div, it seems to be sliding very very fast. Do I need to slideup all the inner elements also? my DOM: <div id="outer"> <div id="inner"> <div id="inside">hi</div> </div> </div> ...
Hey Guys, i have created the following Menu Structure: <div id="menu"> <ul> <li><a href="#">Main Item1</a></li> <li><a href="#">Main Item2</a></li> <li><a href="#">Main Item3</a> <ul> <li><a href="#">SubItem for MainItem3</a></li> <li><a href="#">2ndSub for MainItem3</a></li> </ul> </li> <li><a href="#">Main Item4</a> ...
Hello All, I am attempting to show and hide a series of divs using toggle, slideUp and slideDown. I am able to get the div to slideDown but I can't get it to slideUp. I've used this script without incident before so I'm really confused as to why this isn't working. I have included my script and the div I'm attempting to show and hide. Q...
Hello All, I have been trying to get this function to work for awhile now. I have 11 different divs that are hidden by default. Each have a "trigger" button that is supposed to get them to pop open. I was able to do this with a much longer series of functions for each specific div (which ended up being about 175 lines of code!). I wante...
So I'm using a very basic jQuery .slideDown which is working great in FF, Safari, and Chrome. Won't work at all in IE7. here is the script: //Top Mailing List Drop down animation $(document).ready(function() { $('div#top_mailing_hidden').hide(); // Expand Panel $("input#top_mailing").focus(function(){ $("div#top_mailing_hidden").sl...
i'm trying to get this accordion to expand when printed. the code degrades gracefully when javascript is turned off, but it just doesn't expand when printing. here's a demo of it so you can see how it works: http://evanmoore.webs.com/test.htm thank you so much for your help! below is the code: <style type="text/css"> @media print { ...
I have a form with several <input> text boxes. They work fine via a post request. Each one is enclosed in its own div, which slides up (using slideUp();) what it has been filled in. However, any text box whose div that has undergone slideUp(); (and is therefore invisible) does not pass its variable on to the next page when the form has ...
Hello ! You may know the scriptaculous SlideUp effect. Well, It slides up a div vertically as a closing effect. I would like to make it work horizontal. There is an option for this : scaleX:true, scaleY:false But it doesn't work fine : the div jumps down before closing... Does anyone know how to use the slideUp effect for horizontal s...
When you mouseenter .li_group class it does a slide down effect on 1 single <li> tag, everything goes smoothly, but during the delay if you take your mouse off and on .li_group it "queues" the effect and slides the li down, delay, slides it down again etc etc... I have tried every way i can think of, even stop(); but it still does it... ...