Home/ Questions/Q 7987333
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T12:07:00+00:00

I’ve got a div containing 3 divs, each containing an iframe. The 3 internal

  • 0

I’ve got a div containing 3 divs, each containing an iframe. The 3 internal divs are 115px tall, and when you click on “view more” for each one, they all collapse, and the one then slides down to 200px.

I would like when that 200px tall one is clicked again, it will collapse and they will ALL slide down back to 115px, kind of like resetting it?

I spent 2 hours last night trying to figure it out and I’m SURE it’s simple, but I’m not sure what I’m doing wrong :/

Here’s the fiddle http://jsfiddle.net/demchak_alex/zUDBN/1/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is the solution: http://jsfiddle.net/zUDBN/5/ There were two issues. The first is that you needed this code $('.partner-wrap').slideDown("slow"); when you clicked on an item that was already selected. The second was that you were binding wrong. When you do this: $('a.normal').click(...); that will bind that function call to the objects returned by that selector on page load. After page load it doesn’t matter what the selector is anymore. So that function was firing whenever the links were clicked regardless of whether they had the “normal” or “showing” class. Your second selector wasn’t working for the same reason: $('a.reviews-trigger.showing').click(...);

    • 0