I have a site I am designing that has some nested DIV elements that I use as containers to hold expandable buttons.
The user clicks on a button and it expands to expose some more content.
Everything works great until I have a DIV that is inside of a parent DIV with it’s display property set to “none”.
Is there any way to force the jQuery .slideUp() method to minimize the expandable buttons regardless of whether it is in a display:none parent or not?
OR, what property/properties do I need to set to make $.slideDown() work properly on an element that was setup up in a display:none parent DIV?
Instead of applying slideUp() to the expandable buttons, try setting their “display” value to “none”.
This way, when you apply the .slideDown() method it will think that element has already been hidden using the .slideUp() method.