Strange layering/float issue

Sweet that totally rocks…got it working. Thanks!

And, FYI (though you may be planning to address this already) … i tried to view the page on my phone, the target content is not viewable with the width set at 300%. Each only show 1/3 of the content. The first overflows the right end, the second both ends, and the third, the left end. Additionally, this then keeps me from manually collapsing the second and third, as i can’t see the trigger when expanded. You’ll want to set CSS to accommodate.

Hey UaMV – haven’t gotten to the mobile version of this section yet but thanks!

Ok, now I am coming up against the initial issue again. I have the middle box set to use the above custom js. Everything is great if you open and close the middle box.

But, if the middle target content is expanded and then you click one of the other triggers (box 1 or box 3) you get strange results: the middle box retains the jquery added class even if forced shut by the rel attribute.

I’ve made each expanded box a different color to show this. The result I am looking for is to highlight each parent box + expanded content with the same background so that you know what goes to what as I have with the middle box.

Thanks both of you for the help.

Ok, this is too complicated now. We’ll make an update to the plugin that deals with automatically toggling on/off a class to any parent-target div. The official parent highlight class will be: ‘colomat-parent-highlight’. It will deal with all the highlander grouping issues.

The next question is how to make a different background colors if all we are doing is toggling the ‘.colomat-parent-highlight’ class. Simple, give each parent wrapping div a unique class—’imp1′, ‘imp2’ for example—and then define class unions like so:

.imp1.colomat-parent-highlight{
     background: red;
}

.imp2.colomat-parent-highlight{
     background: green;
}

note: you will want to remove any background definition for .my_highlight_class by itself.

Can you dig it? Awe yeah.

Hey Baden,

That’s basically what I’m doing…but that doesn’t address the parent box retaining the class when you expand one of the other boxes…

Hey Baden,

That’s basically what I’m doing…but that doesn’t address the parent box retaining the class when you expand one of the other boxes…

OK.
1. remove the my_custom_js stuff from your functions.php file—it’s no longer needed.
2. download and update to Collapse-O-Matic Version 1.4.11d from The Plugin Oven.
3. dance a jig if everything works.

4. Video said jig and post link.

Yes!

Works beautifully. Thanks so much…exactly what I needed.

j

BTW – this also fixed the layering issue, although I’m not sure exactly how…