1

I found this Q/A,

But when I modify it for my usage as seen here http://jsfiddle.net/6PDEA/4/ the bottom-most div doesn't stay closed. Can anyone help?

EDIT: 1st answer fixed the "expanded on load" issue, but not the bottom-most DIV

EDIT 2: Final working code: http://jsfiddle.net/6PDEA/5/

Fixed the bottom DIV issue. I just added another DIV below it with a blank graphic sized 785w x 30h.

Community
  • 1
  • 1
Shawn
  • 11
  • 1
  • 3
  • Could you please provide some of the modified code you are using, so we can see what could be the problem. – AJC Aug 03 '11 at 16:42
  • Link is in the question above, but here it is again: http://jsfiddle.net/6PDEA/4/ – Shawn Aug 03 '11 at 17:43
  • It may also be a good idea to use [hoverIntent plugin](http://cherne.net/brian/resources/jquery.hoverIntent.html) with this technique. – Ville Apr 30 '12 at 16:46

1 Answers1

1

Your CSS is wrong :

It should not be 

div#fp-cat {
   height: 30px;
   width: 785px;
}

but :

div.fp-cat {
   height: 30px;
   width: 785px;
}

Because fp-cat is a class shared by various divs...

Pierre Henry
  • 16,658
  • 22
  • 85
  • 105
  • Thanks for pointing out my obvious mistake :) That makes the DIV's start collapsed like they should be, but didn't fix the last one not starting collapsed and operating like it should :( – Shawn Aug 03 '11 at 17:40