slidetoggle

I can't seem to figure out how to reveal hidden content from the bottom up as opposed to from the top down. I've done some homework on here and came across a solution from jQuery UI, but must be implementing it wrong. Any help is greatly appreciated - new to scripting. cheers! Here's what I'm working with the script: $(document).ready(function() { $('#clientsOpen').click(function() { $('#clientsDropDown #clientsDashboard').slideToggle({ direction: "up" }, 300); $(this).toggleClass('clientsClose'); }); // end click }); the markup: <div id="clientsDropDown"> <div id="clientsDashboard"> <p id=

It seems like it's in a bit of a loop for a few and then it stabalizes. This person had a similar problem in this video: http://www.youtube.com/watch?v=KCFeImyBzfE Also, another problem with this code is that once you show the tracklist, then hide it again, the words stop toggling. it ends up saying "hide tracklist" and they are already hidden. <script type="text/javascript"> $(document).ready(function() { $('.fullTracks').hide(); $('.tracklist').click(function() { $('.fullTracks').slideToggle('medium'); if ($('.fullTracks').is(':hidden')) { $(this).text('Show Tracklist'); } else { $(this)

I am quite new to Jquery and for the first time tried to use slideToggle to create some dropdowns. A few of them are stacked on top of each other and when one is clicked, all others should collapse. I am sure my code isn't ideal since i'm just starting out, but everything works fine except in IE8. In IE8, the space between the dropdowns collapse when closing one, and everything gets kind of messed up. You can see the problem at demo.djcase.com using the menus on the left side of the page. All of the jquery code is located at http://demo.djcase.com/sites/all/themes/djcase/script.js Any help

I have a menu with hidden submenus. I am animating the submenu to open when I mouse-over a menuitem, and close when I mouse-out. When the user mouses over a lot of menuitems, all the animations get queued. To fix the queuing problem, I added a stop() before the animation. This caused an even worse problem with the height of the submenu decreasing to the size it is at when I mouse out. Solved by setting the height to auto after the closing-animation has finished. function leftMenuOut() { var obj = $(this).find(".toggleThisLevel2"); if (obj.length == 0) { return true; } $(this).removeClass(

I need to create a toggle that animates upwards not downwards in other words the reverse of the "normal" toggle. Perhaps simpler is the toggle should slide up above the menu item (it's a menu) to become visible rather than slide down as the normal slideToggle etc. would do. I am nearly there with this : var opened = false; $("#coltab li").click(function(){ if(opened){ $(this).children('ul').animate({"top": "+=300px"}); } else { $(this).children('ul').animate({"top": "-=300px"}); } $(this).children('ul').children().slideToggle('slow'); $(this).children('ul').toggle(); opened = opened ? false :

I have a problem with the slideToggle function in jQuery . It is not smooth at all. Whenever I click the "See More" button, the content that should slideToggle , just pops out with no effect what-so-ever. This is the HTML code: <td class="third"> <a href="javascript:void(0)" class="btn btn-primary upgrade1">See More</a> </td> <tr class="see_more" id="see_more"> <td colspan="3" class="see_more_content">Hello! How are you doing</td> </tr> This is the CSS: .third{ text-align:right; padding-right:10px; } .see_more{ display:none; } .see_more_content{ text-align:center; } And finally, the javascript