JQuery :: Accordion Based On SlideToogle() And SlideUp()?
Aug 9, 2010
I am still using jquery a while but wouldn't rate my jquery knowledge very good. Actually i am trying to build an accordion based on slideToogle() and slideUp()... The only problem atm is that opened <ul class="children">...</ul> wrappers(yes they are the tooglin elements...) doesn't get closed, i think i missunderstud .siblings() and the hierarchy...?
[Code]...
I also asked myself if there is the possibility to detect if the first level <li>'s have a <ul class="children">...</div> inside - you can see it in my example that the last 2 first level <li>'s doesn't have any included. I would make sense to handle that 2.
I'm wondering if someone could point me in the right direction on this. I have an accordion set up which is all working fine. Clicking accordion elements scrolls a main div into position (y-axis). However, i would like to trigger the accordion externally. More specifically, if the user manually scrolls the main content div (using the browser scrollbar or their mousewheel) i would like to trigger the relative accordion section based on the scroll (y-axis) position of the scrolling div. What would be the best way/plugin for achieving this?
The positions would be very specific so there could be an array of y-pos values. Alternatively, for the accordion scroll function anchor links are already set up in the main scrolling div so would this be the best option? I'm just struggling to see how to achieve this.
I created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
I have used jquery to hide and reveal the content areas of my page. The issue is that on slideUp/Down the div's right and bottom edges vanish. I don't know why?
I am newbie in Jquery. I just create simple effect slideUp it work well with firefox, chrome but IE9. After slideUp it appear again before totally disappear.[code]..
I want make a function fire when an element slidesup. I use slidetoggle to make the element appear and dissappear-i have attached a callback to it but it fires on slidedown-on clicking the element.
I do not want the function to be called on the slideDown phase of slideToggle but on its slideUp phase.
I've inherited some unfinished code for a menu system (previous developer left the company before he could finish it). The menu worked fine until the client wanted some nested lists, which is when the height was being set incorrectly. I had a fiddle and I can get the height to report correctly, but it's extremely erratic as to when it will actually drop down. I've stripped the code out into a file on its own, complete with a lovely colour scheme. the code I added can be streamlined somehow. I'm only just getting to grips with JavaScript & jQuery. Test version:[URL]..
I am trying to slideUp a container Div and using the slideUp'scallback parameter call slideDown on a different element that is notinside the slideUp container Div:
I developed my site using IE 8, and had no problems. However, after incorporating jQuery into my site, I found that it did not work with Firefox . Please tell me what I need to do fix it for FF
first of all I find it quite hard to find the right words for what I'm trying to achieve. I want the slidedown/slideup to do exactly the same but flipped 180°. A collapsed container should inflate up and not down.
I'm having a tough time implementing stop() to preventqueuingon an animation that uses slideup/slidedown on hover. The issue relates to the search icon in this fiddle:[url]
It's unclear to me why ".stop(true, false)." isn't working as it does on the animations of the other icons. I thought maybe this was a job for dequeue, but that's not helping either.
The other icons use animate to adjust the background position, and stop(true, false) works perfectly to keep them smooth and preventqueuing. The same is not true on the search icon. It queues hovers without a stop; with a stop(true, true), it's jumpy and resets mid animation; and with stop(true,false), it gets stuck after one cycle.
The reason I used slide on the search icon was because I had to float a div that would would move with the animation and would be clickable to stop the animation on focus -- when a user clicks in the search box.
I have a six DIVs, each containing another DIV that slideUp and/or slideDown upon a click on the its parent DIV. Each DIV has a textbox, or a datagrid, or a textarea and a button (to save the data). I have a click function attached to the parent DIV that changes the class of the child DIV (expanded/collapsed). Also, the click function calls another function to save the state of each child DIV. The idea being to maintain the state of the DIVs upon return from postback.
The slideDown and slideUp work upon the page load, or going to another page and returning to the page (not using the back button). The slideDown/slideUp cease to function when I click the save button within the DIV and the postback occurs. The other DIVs function as intended after the postback until I click a button on one of the remaining functioning DIVs, and then that DIV is now not functioning as intended. It acts as if the slideDown/slideUp was replaced with show/hide. The state of the DIVs are maintained upon postback.
I am new to jQuery and already I'm seeing problems with the built inslideDown()/slideUp() animations. I'm using a flexible width <table>element, and when I use the function, the element does not return toit's full width. I am thinking this has something to do with the wayjQuery finds the width of the element. Below is the html for the page:
$("#addURLSArea").hide(); $('.jqTransformCheckbox').click(function(){ if ($('#multCheck:checked').val() == 'on') { $("#addURLSArea").slideDown(); } else { $("#addURLSArea").slideUp(); }}); I want to use this 4 times on a form. How do I change this so I can have it target 4 different divs?
I'm using Jquery API slideUp and slideDown for my site when i click on a group of channel, a list of it's detail will appear as slideDown slowly and the others will disappear slowly. At first element i click it work fine, but from the second element it just disappear and appear not slide up or slide down. You can see it at URL :
I'm having a little issue with assigning a slideDown / slideUp effect to my Mega nav. The problem is that when hovering over the individual tab the slidedown effect causes all submenus to slidedown at the same time, instead of the individual tab over which I am hovering. I'm sure that there is a simple way to fix this - I've tried first child, calling specific divs etc, but without success.here's the menu
i have a slider ( slideup and slidedown of a div box ) and in the div box i have a menu. If i click on the menu the page will refresh and my div box do not show because standart the div box is up ( slidup ). can i make jquery remeber how position is my slide ? if the page do refresh i will see my div box.