Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Spry (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=189)
-   -   Spry Collapsible Panel issue (http://www.dreamweaverclub.com/forum//showthread.php?t=36427)

ChiLL 06-28-2010 06:08 PM

Spry Collapsible Panel issue

I have a little problem with the Spry Collapsible Panel,
I would like to add multiple collapsible panels on one page and be able to alter the display of the panels so they are not the same in appearance (different Tab backgrounds ...). How can I do that?

Any help would be much apreciated!

Thanks in advance. :)

using dreamweaver CS4

gentleone 06-29-2010 12:11 PM

Give them an unique ID and style them in your CSS individually according to the ID's.

HTML Code:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
Content Panel 1

<div id="CollapsiblePanel2" class="CollapsiblePanel">
Content Panel 2

ChiLL 06-29-2010 02:04 PM

Hi gentleone,

Thanks alot for your help! I manage to make different styles for the panels but I am still stuck on one part.

It is the ".CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover" I can not figure out how to make them independent from each other (in different panels). The tabs have all different backgrounds exept when I roll over them, the same contenent appears for all the rollovers.

Any tips on that?

Thanks again for your help.


gentleone 06-29-2010 03:38 PM

If you want to style for instance .CollapsiblePanelTabHover differently than you'll write it like this in your CSS.


#CollapsiblePanel1 .CollapsiblePanelTabHover {
    background: #FFF;

#CollapsiblePanel2 .CollapsiblePanelTabHover {
    background: #CCC;

ChiLL 06-29-2010 03:55 PM

Great man! thanks alot.

Easyer than I thouhg.

Cheers :grin:

djklinger 06-19-2013 02:44 PM

This works great for 'CollapsiblePanelTabHover' but I can't seem to get it to apply to 'CollapsiblePanelOpen' - any suggestions?

All times are GMT. The time now is 07:10 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com