Checking for Content in Collapsible Panel

Is it possible, to programmatically, have Collpasible Panels
open or closed , based on whether there is content in the panel or
not? I have a scenario where we have emploeyed the collapsible
panels, but have some panel sections that do not have content yet,
and some that do. Eventually they will all have content, but not
right now. My client still wants to retain those empty panels for
future use, but only have the populated panels open when first
entering the page.

Hi Diana,
I have a question about your second example above where "all
panels when page loads are closed" You say that adding the
following script should work:
<script language="JavaScript" type="text/javascript">
var cpg2 = new
Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup2", {
contentIsOpen: false });
</script>
Since I am using the Spry.widget.Accordian version. I
modified the above script to read:
<script language="JavaScript" type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
contentIsOpen: false });
</script>
for the following elements markup inside of the html tags:
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Spry Accordion</title>
<script language="JavaScript" type="text/javascript"
src="javascript/SpryAccordion.js"></script>
<link href="styles/SpryAccordion.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div class="Accordion" id="Accordion1" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 1</div>
<div class="AccordionPanelContent">
Content for Panel 1 goes here!<br />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 2</div>
<div class="AccordionPanelContent">
Content for Panel 2 goes here!
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 3</div>
<div class="AccordionPanelContent">
Content for Panel 3 goes here!
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 4</div>
<div class="AccordionPanelContent">
Content for Panel 4 goes here!
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
<script language="JavaScript" type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
contentIsOpen: false });
</script>
</body>
The result I get is that the first panel still opens by
default in a new or refreshed browser window. Any ideas how to
change this so that no panels are open by default?
Thanks,
Robert

Similar Messages

How to apply different styles to multiple spry collapsible panels?

Hello every.
I would really appreciate some help with this problem I am coming up against.
I am creating a website which has multiple Spry collapsible panels in it. I applied the styles I wanted for the first Spry collapsible panel I did in the styles panel with no problems what so ever.
However when I go to apply the styles I want for my second and every other Spry collapsible panel, when I applied the style I wanted it changed the first panel I did. I’ve tried giving all my collapsible panels different Div ID’s but no luck. I just can’t seem to apply different styles to each of my collapsible panels.
Can someone please advise me how to do this?
Thank you in advance for your help.
Kind regards
Elliot

I've figured the most of it out.
By giving the Spry Collapsible Panel that you want to style differently a separate ID and class and then duplicating the original Spry Collapsible Panel style in the CSS style panel on the right and renaming them the same name as the panel you want to style differently it will allow you to style it differently to all the other panels apart from the Hover.
I've tried everything! Below is the code I'm using for the two Collapsible Panels I want to style Differently.
I only want to have different Tab backgrounds and Hover backgrounds
1st Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
CSS Style
.CollapsiblePanelTab
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover
2nd Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel2" class="CollapsiblePanel2">
<div class="CollapsiblePanel2Tab" tabindex="0">Tab</div>
<div class="CollapsiblePanel2Content">Content</div>
</div>
.CollapsiblePanel2Tab
.CollapsiblePanel2TabHover, .CollapsiblePanelOpen .CollapsiblePanel2TabHover
As I said the Tab works both I have two seperate background images for the Tabs but I can only seem to have one background for the hover.
Has anyone any ideas on how to get around this?
Kind regards
Elliot

How do I place external content in a Collapsible Panel

I figured out how to add a tooltip to a collapsible panel
today, but I am having trouble getting content to load in the
content portion of the panel from another HTML file.
I have created a loader.gif animation that I would also like
to appear in the content panel while the content is loading.
This, like the tooltips, is way above my skill level and any
help would be appreciated. I am starting from using Spry 1.6's
built in features in Dreamweaver CS3 and trying to expand on them
with help using the other spry js found here in the Labs.
Link to
collapsible panel page I am working on
Currently I have all the content panel text in panels. I
would like to copy the content to another file so it can load only
when the panel tab is opened.

Check out this example.
http://labs.adobe.com/technologies/spry/samples/utils/update_content.html
its about updateContent which allows u to place content in
your div.
U could create a little function for it to load content in
your divs.
Example of load indicator + function setup:
the indicator div
<div id="indicatorMessageBoxId"><img
scr="imagehere.gif" /> Please wait loading content </div>
The function (place in <script> tags and place it in
header (dont forget to include SpryData.js)
function updateContent(ele,url){
//U call this by using the command:
updateContent('ID_toLoad_contentIn',url_of_new_content');
document.getElementById('indicatorMessageBoxId').style.display =
""; //this will show the indicator loadimage box
Spry.Utils.updateContent(ele, url, function() {
document.getElementById('indicatorMessageBoxId').style.display =
"none"; }); //this will hide the box when loading file is done
u can attach this function on your collapspannel by adding a
onclick="updateContent('myId','data/page.html');" to the
element.
Hope this helps :)

How to fill my collapsible panels with dynamic content from PHP scripts?

Hi people,
I'm trying to generate dynamically generated content in a
Spry collapsible panel. Previously I've generated PHP files that as
an output generates a dynamic table with the data I want to show. I
figured it would be possible to use an php include option to
generate this table in a content section of a Spry collapsible
panel. However, when I do this the collapsible panels appear to
join and when panel1 is clicked all tables close instead of only
panel 1 and all tables are put benath each other without putting it
in each seperate panel. But when i replace the file with only the
text "content" it works fine. Do i maybe have to add some kind of
command at the end of my php file to make it look like the
"content"-text or is this not the problem?
I've been looking for the answer now for a couple of weeks on
various forums and nothing seemed to work for me. Can please
somebody help me out?
Greets,
Damian
The code in its non working form:
<head>

<link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet"
type="text/css" />

<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
</head>
<body>

<div id="CollapsiblePanel1" class="CollapsiblePanel1">
<div class="CollapsiblePanelTab">Tab</div>
<div class="CollapsiblePanelContent"><?php
include('details_books.php');?></div>
</div>
<div id="CollapsiblePanel2" class="CollapsiblePanel2">
<div class="CollapsiblePanelTab">Tab</div>
<div class="CollapsiblePanelContent"><?php
include('details_authors.php');?></div>
</div>

<script type="text/javascript">
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
<script type="text/javascript">
var CollapsiblePanel2 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
</script>
</body>

you need to save the page as a php page (.php) It works
fine

How do I make a Spry collapsible panel close by clicking a link in its content?

People don't understand that they have to close a collapsible panel by clicking on the tab. I want to put the word "close" at the end of the content and have the panel slide closed. Example: http://www.canyonranch.com/miamibeach/our_services/

People don't understand that they have to close a collapsible panel by clicking on the tab. I want to put the word "close" at the end of the content and have the panel slide closed. Example: http://www.canyonranch.com/miamibeach/our_services/

Search for checked out content

Hello,
I use UCM 10g with SiteStudio. I would like to create a QueryText that searches for all the checked out content. I checked in the database and found that dIsCheckedOut is the variable that is keeping this information.
The following code gves me no search results, also some content is checked out. Did someone try this before? What am I doing wrong?
QueryText = "(dIsCheckedOut <substring> `1`)"
SS_GET_SEARCH_RESULTSThanks
Tobias

No you are quite right to point out it is the quickest way to do this - not knocking you, it works and I have certainly done it myself BUT it was on a static (published by SSPU) site so performance was less of an issue.
Thats the problem with Site Studio I think it is very easy to have a whole bunch of service calls going on.
I guess other options to explore would be the use of a meta field to hold this information and use a filter to toggle the value on/off. Pretty useless but would mean that the value got promoted into the search results. Or modify the search query so that discheckout is pulled back by SS_GET_SEARCH_RESULTS.
Tim

Can't download purchased content. "Unable to check for available downloads"

I can no longer download purchased content. Each time I check for available downloads I get an error message that says "Unable to check for available downloads. The iTunes Store is temporarily unavailable. Please try again later."
The screen says I have 17 itunes downloads available but cannot download them. The most recent purchase I am not able to download is Season 3 of Dexter in standard def and some other season passes. This is really annoying; I already paid for the content and am not able to watch it...

After sending two e-mails and recording a screen-cast video solved the problem.
Source: http://posterous.thisux.com/fixed-itunes-9-error-unable-to-check-for-avai

Adjusting isOpen function for Collapsible Panels

I am interested in modifying the .js file or adding
additional JS, to allow for when a page loads, to apply the proper
tab class to the Collapsible tab. It seems with the curent .js as
contructed, the page does not know to apply the proper class to an
already opened panel tab, it only applies correctly when a user has
actually clicked on the tab. How would I do it? All my classes are
working correctly on the page in the Collapsible panels, I just
need the proper class(focused or Open?) applied when the page loads
versus waiting for user interaction.

Hi JS3der,
Nice catch. It's a one line fix. If you have the version of
SpryCollapsiblePanel.js from Spry Pre-Release 1.5, all you need to
do is find line 287:
if (this.contentIsOpen || this.hasClassName(panel,
this.openClass))
this.removeClassName(panel, this.closedClass);
and above the removeClassName call, add a call to
addClassName like this:
if (this.contentIsOpen || this.hasClassName(panel,
this.openClass))
this.addClassName(panel, this.openClass);
this.removeClassName(panel, this.closedClass);
--== Kin ==--

Check for All Content Areas privilege

Hi,
Does anyone know hoe to check for the All Content Areas (or All
Pages) privilege, which can be set in the Privileges tab of the
Edit Group portlet?
I know how to check for explicit folder access:
IF wwsec_api.is_privilege_at_least
( p_object_type_name => wwsec_api.FOLDER_OBJ
, p_name => pin_siteid || '/' || pin_folderid
, p_privilege_code => wwsec_api.FOLDER_VIEW
THEN
htp.p(piv_foldername);
END IF;
This function does not consider, however, that administrators
can see everything.
How can I check if a user or his/her group has the All Content
Areas privilege?
Herman

This resolved itself over time.

The download of icloud control panel v2.0 does not work. I have no box to check for calendar and contaks. Whats wrong?

The download of icloud control panel v2.0 does not work. I habe no box to check for calendar and contacts. Whats wrong?
Thanks Chris

Hi, I came across the same problem and was not able to open any iCloud folders on Outlook, and iCloud was continusly asking to repair the iCloud Control Panel. Got the issue fixed by following the steps on the link http://somanytips.com/fix-icloud-error-repair-the-icloud-control-panel-to-use-ic loud-with-outlook/

Checking for kernel lock contention in OEL 5.5

Is there a lockstat utility for Enterprise Linux 5? Or how could I check for kernel lock contention?
I found a lockstat rpm for RHEL and Centos 4 at http://packages.sw.be/lockstat/, but I could not find it in the distribution of version 5?
The rpm package installs, but the command "lockstat on" shows /proc/lockmeter: No such file or directory
I found an interesting document named "Linux Kernel Lock Profiling with LockStat" at:
http://dolavim.us/blog/2007/11/06/linux-kernel-lock-profiling-with-lockstat/
The document outlines the use of /proc/lock_stat, which is a text file - not using a "lockstat" utility.
From what I understand, I have to rebuild the kernel with "CONFIG_LOCK_STAT=y", or wait for kernel 2.6.24 to be released?
Do I have to build a custom kernel to check for lock contention, or are there perhaps other options?
Thanks!
Edited by: Markus Waldorf on Aug 28, 2010 8:55 PM

SQL> SELECT INDEX_NAME,INDEX_TYPE,UNIQUENESS FROM DBA_INDEXES WHERE TABLE_NAME='DATA_DATA';
INDEX_NAME INDEX_TYPE UNIQUENES
CIDX BITMAP NONUNIQUE
VIDX BITMAP NONUNIQUEYou have bitmap indexes here on a table being inserted into. Bitmap Indexes are another source of lock(and deadlock) in OLTP application. You said that the SQLloader was the unique active program but may be you are also triggering another procedure after the load. Procedure in which you might be using also automomous transactions and so on...
Check first if your table is subject to DML operation in a a multi-user concurrent accesss and in which case you have to get rid of those bitmap indexes
http://hourim.wordpress.com/2011/03/14/deadlock-%e2%80%93-part-1-bitmap-index/
Best regards
Mohamed Houri
www.hourim.wordpress.com

Hi I am currently subscribed to PS CC but I don't think I have the latest version. I beleive this because I don't get the new welcome screen and don't new feature like the structure and color setting in the content aware patch tool. I have checked for u

Hi I am currently have a subscription to PS CC but I don't think I have the latest version. I believe this because I don't get the new welcome screen and don't have new features like the structure and color setting in the content aware patch tool. I have checked for updates and it tells me I have the current version. I check in PS I have version 14.2.1. I also have CS6 installed on my PC, could this be somehow be doing something or am I doing something wrong. Would anyone have any suggestions.

It's under "Find New Apps". You have to scroll down to see it.

Spry collapsible panel fix for IE

hey
anyone out there knows how to fix the spry collapsible panels to work properly on IE ?
Firefox is perfect but they appear and stay open even when clicked
how could i make them appear closed and open only if clicked, close again when clicked to close? just like firefox
( http://www.pupr.edu/template )

Remove the empty element
<ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MAINbtn"><a href="index.asp">Deanship</a></li>
<li class="MAINbtn"><a href="research.asp">Research</a></li>
<li class="MAINbtn"><a href="faculty.asp">Faculty</a></li>
<li class="MAINbtn"><a href="labs.asp">Labs</a></li>
<li class="MAINbtn"><a href="events.asp">Events</a></li>
<li class="MAINbtn"><a href="students.asp">Students</a></li>
<li class="MAINbtn"><a href="Programs2.asp">Programs</a> </li>

<li class="MAINbtn" style="margin-left:400px"><a href="interested.asp">Interested ?</a></li></ul>
and remove the unused CollapsilbePanel1 constructor
<script type="text/javascript">

Gramps

Target Named Anchor in a Spry Collapsible Panel from a different page

Let me start by saying I have combed this forum (and others) looking for a resolution to this. I am familiar with David Powers solution on Foundationphp.com and am using that code in project to open the collapsible panel from a separate page and it works beautifullly. The problem I have is that I want the browser to move down to a specific named anchor inside that opened collapsible panel when clicked from a different page.
Snippets of my current code here.
Below is the code that I have on an image that when clicked goes to the correct page and opens Panel1. Works Perfectly!
<a href="bamboo-species.php?col1=open#CollapsiblePanel1"><img src="images/Content/Photos/HomeScroll/blackTmbor.jpg" width="227" height="175" /></a>
Below is the link to the .js file and the script in the head of the target page
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
// Grabs the values of the URL parameters for the current URL.
var params = Spry.Utils.getLocationParamsAsObject();
</script>
Below is the code that I have on the target page for Panel1
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:params.col1 ? true : false},{duration: 1000});
</script>
If I have a named anchor say <a name="species1" id="species1"></a> down in the page, how do I target that named anchor from my link on the separate page. I have tried adding the #species1 to the end of the link on the link page (see below) but with no luck. I believe those were the instructions on foundationphp.com site.
<a href="bamboo-species.php?col1=open#CollapsiblePanel1#species1"><img src="images/Content/Photos/HomeScroll/blackTmbor.jpg" width="227" height="175" /></a>
I hope (and suspect) that this is an easy fix, I just do not know what it is. Any help or direction where to look is greatly appreciated.

I once had the same issue can created a small function that allows me to "jump" to a element.
function scrollTo( element ){
     var stylize = function( element){ return !+"\v1" ? element.currentStyle : document.defaultView.getComputedStyle( element , null ) },
          getPosition = function( element ){
               // based on the SpryEffect's module:
               var computedStyle, tryComputedStyle,
                    position = { x: 0, y: 0 };
                    if ( element.style.left && /px/i.test(element.style.left) ){
                         position.x = parseInt(element.style.left, 10); // without padding
                    } else {
                         computedStyle = stylize( element );
                         var tryComputedStyle = computedStyle && computedStyle.left && /px/i.test( computedStyle.left );
                         if (tryComputedStyle)
                              position.x = parseInt( computedStyle.left, 10 ); // without padding, includes css
                         if(!tryComputedStyle || position.x == 0) // otherwise we might run into problems on safari and opera (mac only)
                              position.x = element.offsetLeft;   // includes padding
                    if ( element.style.top && /px/i.test(element.style.top) )
                         position.y = parseInt( element.style.top, 10); // without padding
                    else
                         if ( !computedStyle )
                              computedStyle = stylize( element );
                    var tryComputedStyle = computedStyle && computedStyle.top && /px/i.test( computedStyle.top );
                         if ( tryComputedStyle )
                              position.y = parseInt( computedStyle.top, 10 ); // without padding, includes css
                         if( !tryComputedStyle || position.y == 0 ) // otherwise we might run into problems on safari and opera (mac only)
                              position.y = element.offsetTop;   // includes padding
               return position;
          scroll( 0, getPosition( element ).y );
So now we have a scrollTo function that accepts a pure HTML element as argument, all what is left to do is figure out if we have a hash, and if the anchor exits on the page.
( hopes this works, i wrote it without testing, but you get the general idea ):
if( window.location.hash ){
     var hash = window.location.hash.substr(1), // remove the # from the hash
     element;
     // as anchors can also be used with id attributes, check that first,
     element = document.getElementById( hash );
     // maby we used name="" attribute
     if( !element && ( element = document.getElementsByName( hash )) ){
          element = element[0];
     // if we have a match:
     if( element ){
          // give the collapsible panel some time to init and update the DOM;
          setTimeout(function(){ scrollTo( element ) },0);
\o/

Spry Collapsible Panel Problem in Safari

When check my site in Firefox, there are no problems, but
when I open it in Safari, none of the CSS settings are applied to
the Collapsible Panel widget. Some settings I have make the widget
200 px width and make it have a black background, but Safari
doesn't show these. HERE IS THE CODE OF MY HOMEPAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<style type="text/css">
body {
background: url(Victorias%20Secret%20models.jpg) fixed
no-repeat center bottom;
</style>
<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab"
tabindex="0"></div>
<div class="CollapsiblePanelContent">
<p>BLOG</p>
<p>LISTEN</p>
<p>WATCH</p>
<p>ABOUT</p>
</div>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
{contentIsOpen:false});
</script>
</body>
</html>
AND HERE IS THE CODE OF MY CSS
@charset "UTF-8";
.CollapsiblePanel {
margin: 0px;
padding: 0px;
width: 200px;
color: #FFFFFF;
background-color: #000000;
.CollapsiblePanelTab {
background-color: #000000;
margin: 0px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
height: 40px;
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
background-color: #000;
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
background-color: #000;
height: 40px;
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #000;
color: #FFFFFF;
.CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
background-color: #000;
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #000;
THANKS FOR YOUR HELP

Can't tell by that code, can you post a URL to the page?
Ken Ford
Adobe Community Expert - Dreamweaver/ColdFusion
Fordwebs, LLC
http://www.fordwebs.com
"kkaiser1" <[email protected]> wrote in
message news:[email protected]...
> When check my site in Firefox, there are no problems,
but when I open it in
> Safari, none of the CSS settings are applied to the
Collapsible Panel widget.
> Some settings I have make the widget 200 px width and
make it have a black
> background, but Safari doesn't show these. HERE IS THE
CODE OF MY HOMEPAGE:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
>
> <title>Untitled Document</title>
>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <style type="text/css">
>
> body {
> background: url(Victorias%20Secret%20models.jpg) fixed
no-repeat center
> bottom;
> }
>
> </style>
> <script src="SpryAssets/SpryCollapsiblePanel.js"
> type="text/javascript"></script>
> <link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet"
> type="text/css" />
> </head>
> <body>
> <div id="CollapsiblePanel1"
class="CollapsiblePanel">
> <div class="CollapsiblePanelTab"
tabindex="0"></div>
> <div class="CollapsiblePanelContent">
> <p>BLOG</p>
> <p>LISTEN</p>
> <p>WATCH</p>
> <p>ABOUT</p>
> </div>
> </div>
> <script type="text/javascript">
>
> var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
> {contentIsOpen:false});
>
> </script>
> </body>
> </html>
>
>
> AND HERE IS THE CODE OF MY CSS
>
> @charset "UTF-8";
>
> .CollapsiblePanel {
> margin: 0px;
> padding: 0px;
> width: 200px;
> color: #FFFFFF;
> background-color: #000000;
> }
>
> .CollapsiblePanelTab {
> background-color: #000000;
> margin: 0px;
> padding: 0px;
> cursor: pointer;
> -moz-user-select: none;
> -khtml-user-select: none;
> font-family: sans-serif;
> font-size: 0.7em;
> font-weight: bold;
> color: #FFFFFF;
> height: 40px;
> }
>
> .CollapsiblePanelContent {
> margin: 0px;
> padding: 0px;
> background-color: #000;
> }
>
> .CollapsiblePanelTab a {
> color: black;
> text-decoration: none;
> background-color: #000;
> height: 40px;
> }
>
> .CollapsiblePanelOpen .CollapsiblePanelTab {
> background-color: #000;
> color: #FFFFFF;
> }
>
> .CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
> background-color: #000;
> }
>
> .CollapsiblePanelFocused .CollapsiblePanelTab {
> background-color: #000;
> }
>
>
> THANKS FOR YOUR HELP
>

Checking for Content in Collapsible Panel

Similar Messages

Maybe you are looking for