Collapsible Panel Group - automatic close/open?

Is there a way to set it so the Spry Collapsible Panel Group automatically closes an open panel when you select to open another one?
Thank you.

Uhm... I think you should swap the collapsible panel group for a Spry Accordion: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html

Similar Messages

How do I add a spry Collapsible Panel Group?

How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.

Could someone at least tell me if they are able to add a Spry
Collapsible Panel Group from the Insert -> Spry menu?

Insert layout 'collapsible panel groups' on DW Spry common view

Hello,
I am using CS4 for Windows and frequently use the 'collapsible panel groups'. The only way I can use this at the moment is when in code, and pasting the <div id="CollapsiblePanelGroup" class="CollapsiblePanelGroup"> but I often miss out one of the divs which screws with my life.
At the moment all I have on the insert menu is Menu Bar / Tabbed Panel / Accordian / Collapsible Panel .. and on the 'Spry common tab', the addition of Spry Tooltip.
Is there a way to add an option for 'collapsible panel groups' to the insert menu (and even the spry common use tab) so it includes all the necessary code and asks you how many panels you want, etc, etc?
Thanks!

No
Unless you know code DW extensions, but thats a whole different subject

How do you add a Spry Collapsible Panel Group?

How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.

Hi Lithium,
The Spry features in Dreamweaver are a subset of the total
features in the Spry framework. The CP Group is not an option in
the Insert Bar, but it is pretty simple to write the code for it.
I am sure you have seen the sample for it:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html

XML generated Spry collapsible panel Group.

I have been trying to generate a set of collapsible panels from a XML file. I've managed to get only so far but have not quite fully suceeded. The panels are all open even though I've tried to set the default as closed. Additionally, none of them close. I know I'm close but I've been unable to get this finished. The page is at http://www.esaa.us/History/PastNationalSpecialtyWinners4.html.
Any Help someone can offer would be greatly appreciated.
LJD

You haven't received any replies so far - and this generally means that no-one here knows the answer.
You may want to ask your question over at the Spry Frameworks forums:
http://forums.adobe.com/community/adobe_labs/spry_framework_ajax_prelease

Collapsible Panels with one default open

I'm using the collapsible panels widget, I was wondering if
there was a way to have one panel open while the others are closed
by default. I know it's possible with the spry accordion, but is it
possible for the collapsible panels as well?
Thanks!

Yes it is possible and it has a different look and feel to
it.
An accordion panel can only have one panel open at a time
whereas the sliding panel can have more open or closed.
Try something like this:
cpg = new
Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup", {
contentIsOpen: false });
cpg.openPanel(4);

When demand is high does os x mavericks automatically close open applications?

Hi,
I don't generally like to have lots of applications open but I do notice that even when I close some apps (such as iBooks or Preview) by clicking on the red dot, they are still showing as running in the Activity Monitor - Memory.
Will the OS automatically close them if I open other applications and the 'Memory Pressure' goes too high or will the MacBook just slow down until I mechanically quit them piecemeal fashion in AM?
NB: I'm am a recent ex-windows user so am not very familiar with macs.

To see which programs are running and to quit them, you can click on the Apple symbol in the upper left-hand corner of the screen and click on "Force Quit." Any programs that are open will show up in there. To close them you can double click on them in the list and you will see the task bar at the top change to that program. For example, if you see that Safari is open in the list, then, when you double click on it, the task bar will change at the top to show that you are now in the Safari program. To close it all you would have to do is to click on "Safari" and out of the drop-down box, choose "Quit", and it will close the program.
Or, you can click on the Apple symbol, and "Force Quit." Once the list pops up, select the one that you want to close and then click on "Force Quit" down below the list. This will bring up a message asking you if you are sure that you want to close it, or something to that effect.

Automatically close open inbound deleveries

Hi all,
I have a question around how to automatically close inbout deliveries that are open.
We GR against the P.O or the outbound delivery. An inbound delivery is created automatically on PGI of outbound delivery so we see the goods in transit in APO.
I don;t want the system to have 000's of open inbound deliveries so does anyone know how I can set so these clear automatically?
Rgds,
Gomie

Hi Gomie,
Rather than closing the created inbound delivery, I would suggest restrict system from creating the inbound delivery out of outbound delivery. Inbound delivery gets created from outbound delivery thru' output type "SPED". Please delete / remove the output condition record (Tcode VV22) for the delivery type or the given least affected criteria and you can get rid of creation of inbound delivery.
If the created inbound deliveries are less in number you can delete them thru' VL32N or you can use LSMW for delete no of deliveries.
Hope this will help.
Regards,
Sudhir

Print a collapsible panel group

I have this page
http://www.nmprc.state.nm.us/faqs.htm
and I need to find a way for people to print each FAQ. Some will
shrink to fit on one page, but some of the FAQs are rather lengthy.
I tried (which I adapted from some code I read in a post by
kinblas on printing an accordion panel)
<style type="text/css" media="print">
.CollapsiblePanel {
overflow: visible !important;
.CollapsiblePanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
</style>
and it works to some extent, it opens each panel and prints
the data, but it cuts off at the bottom of page 1 and will not
populate the following pages

<style type="text/css" media="print">
.sidebar2 {
display: block !important;
overflow: visible !important;
height: auto !important;
.sidebar_brace2 {
display: block !important;
overflow: visible !important;
height: auto !important;
.CollapsiblePanelGroup {
overflow: visible !important;
.CollapsiblePanel {
overflow: visible !important;
.CollapsiblePanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
</style>
ok, with the above code and modifying the sidebar2 properties
slightly I got it
I think it was the CollapsiblePanelGroup not being listed in
the print css that was keeping it from working...as soon as I got
that to work, I was able to fix my divs
thanks

Collapsible Panels - Links to open one, and close others

Hi,
I am new to Dreamweaver and have been creating my site by
learning as I go along. I have already read through all the other
related topics associated with Collapsible Panels on this blog and
have still not found an answer. I have been able to open and close
Collapsible Panels by using links - but unfortunately, I need more
than just opening and closing.
On my site i have approximately 5 pages, all with the same
header and Menu bar. The Information (that i have presented in
numerous Collapsible Panels) does however vary from page to page.
What I need to try and figure out is:
How can I open one collapsible panel and close all others? I
have seen the one example which leads to my next question:
How can I group Panels? Some examples of how to open one and
close all others use this grouping. Is there any other way of
opening one and closing all others without grouping?
Lastly, is it possible to set up a link that can be viewed on
one page which when clicked opens the relevant page and collapsible
panel? i.e. on my About Us page there is a link (using the Menu
bar) for one of my several services on the services drop down menu
(but services is on a different page with the same setup). When a
viewer clicks on the specific service, is it possible to get the
site to open the services page, and open the relevant collapsible
panel (with all other Panels closed)?
Any assistance would be greatly appreciated - I have been
searching for days now and cannot seem to find any
answers/directions in laymans terms.
Kind regards,
John

wlsjoh013 wrote:
> Hi,
>
> I am new to Dreamweaver and have been creating my site
by learning as I go
> along. I have already read through all the other related
topics associated
> with Collapsible Panels on this blog and have still not
found an answer. I
> have been able to open and close Collapsible Panels by
using links - but
> unfortunately, I need more than just opening and
closing.
>
> On my site i have approximately 5 pages, all with the
same header and Menu
> bar. The Information (that i have presented in numerous
Collapsible Panels)
> does however vary from page to page. What I need to try
and figure out is:
>
> How can I open one collapsible panel and close all
others? I have seen the one
> example which leads to my next question:
This page has an example that has a link that can open and
close a panel:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
One way to do this would be to have a single link that would
open one of your panels using the code, but then add to it code
that closes each of the other panels, for example:
<a href="#"
onclick="CollapsiblePanel4.open();CollapsiblePanel5.close();CollapsiblePanel6.close();">O pen
4, close 5 and 6</a>
To make this work, you'll need to look that the panel
constructors at the bottom of your page and make sure to match up
the panel variable names i.e. "var CollapsiblePanel1 =...." the
variable is CollapsiblePanel1.
You could also write a function that gathers together the
various panels you have on the page and then pass to it only the
panel that you want kept open. For now, though, it might be best to
use the above method, given your expertise. And taking that even
further, you could apply the function call unobtrusively. Both the
function call and the unobtrusive part you can work on later to get
this working for now.
> How can I group Panels? Some examples of how to open one
and close all others
> use this grouping. Is there any other way of opening one
and closing all
> others without grouping?
This is a little confusing, on one hand you ask about how to
group, but then ask how not to group. There is a concept of a
collapsible panel group:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
But there is another type of group, that may be more what
you're looking for, and that's an Accordion panel, which is similar
to the collapsible panel group, with the exception that it can only
have one panel open at a time.
> Lastly, is it possible to set up a link that can be
viewed on one page which
> when clicked opens the relevant page and collapsible
panel? i.e. on my About Us
> page there is a link (using the Menu bar) for one of my
several services on the
> services drop down menu (but services is on a different
page with the same
> setup). When a viewer clicks on the specific service, is
it possible to get
> the site to open the services page, and open the
relevant collapsible panel
> (with all other Panels closed)?
Probably the easiest way to do this particular one would be
to make sure that you have all of the panels set to be closed when
the page loads, and then take a look at the code for the last
example on this page:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
That example uses a tabbed panel, but the concept is the
same, use a URL parameter to determine what to show. You'll need to
link in the SpryURLUtils file in the Spry download package (look in
the includes folder):
http://labs.adobe.com/technologies/spry/home.html
Essentially, your link will look similar to:
sample.html?panel=1
Then your code could look something like:
var params = Spry.Utils.getLocationParamsAsObject();
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
{contentIsOpen:(params.panel==1 )} );
var CollapsiblePanel2 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel2",
{contentIsOpen:(params.panel==2 )} );
Basically what this is doing is creating an object from the
URL parameters. Then for each of the panels the constructor has
code that determines whether or not to expand the panel when the
page loads. So it checks the value of params.panel to see if it
matches 1 (for the first one), if it does, then that means that
contentIsOpen is set to true, if it is some other number or is not
present at all, then that means that the panel is closed. This
would then be repeated down the line for how ever many panels you
want to operate like that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

How to force page to scroll when collapsible panel is opened by link

Hi,
I have seen similiar questions asked but not answered, so maybe there isn't away to do this.
I have numerous collapsible panels going all the way down the page, actually I just formed a Collapsible Panel Group. They are opened by a list of links at the top of the page.
This is an example of a link...
<li><a href="#CollapsiblePanel14" onclick="cpg.openPanel(13);">AKC CGC & TDI Testing</a></li>
And this is the javascript at the bottom of the page...
var cpg = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false, duration: 800 });
When a link to one of the lower panels is clicked, I would like the page to scroll down so when the panel opens all of the content is within view.
Is there any way to do this?
Thanks
Dennis

On line 431 of your JS change
this.content.style.height = this.toHeight + "px";
to
this.content.style.height = "auto";

How to maintain the state of a spry collapsible panel

how can i get the index of an open collapsible panel dynamically... i've used two collapsible panels...if the second panel is open, then after page refresh, automatically the second one closes and the default one i.e. the first panel opens....

It is best if you supply a link to your site so that we can see for ourselves what you need to do thus eliminating the need for me to ask you if you have used a collapsible panel group or two single panels. Also it would save my time in trying to reconstruct what I think it is what you want.
Gramps

Expand or collapse all collapsible panels at once.

Hi,
I have a page with a number of collapsible panels on it generated from SpryData.
I know the collapsible panel names because their IDs are generated from the Spry data with
<div class="CollapsiblePanel" id="cp{ds_RowNumber}" spry:repeat="Events">
I have a couple of links on the page that I want our members to be able to click to be be able to collapse or expand all collapsible panels at once. How can I return a reference to the collapsible panel objects so I can close / open them using the open / close functions of the widget etc?
See http://www.thehmc.co.uk/Events4.html and the links with the text (Show or hide all event details)
i.e. I have a function and I know Spry.$$ is not what I want , but what do I need to return the object reference?
function dhide()
var panelCount = Events.getRowCount();
for (var p = 0;p < panelCount;p++)
panelID = '#cp' + p;
var mypanel = Spry.$$(panelID);
var a = panelID.close();
Thanks
Phiol

Hi,
Yes I found CollapsiblePanelGroup in the Spry 1.6.1 samples and am now using the OpenAllPanels function.
Finding the collapsible panel group API in the documentation isn't the most intuitive and you may wish to review.
Regards
Phil

DW crashes when attempting to insert another collapsible panel

Hello all, please be patient with me as it is my first post...i am trying to insert another collapsible panel into my content div and my Dreamweaver CS5 has crashes multiple times...here are my codes:
forgive me if i am adding too much, the address is: http://www.crestars.com/accordion.html
i have a lightbox inserted into my first panel...i'm just trying to add another panel for a different set of pictures.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Martine & Dewaine's pictures</title>
<link href="css/chinesecrestedatcrestars.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="dmx/widgets/Lightbox/styles/default/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="dmx/dmx.core.js"></script>
<script type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
</head>
<body>
<div id="wrapper"> <img src="pictures/banner/banner.png" width="1000" height="200" alt="Chinese Cresteds at Crestars" />
<div id="SofteryMenu" style="position:relative; top:0; visibility: visible; z-index: 100;">
<object id="sf_menu" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="25">
   <param name="movie" value="SofteryMenus/sf6menu119.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="transparent" />
   <param name="FlashVars" value="flashlet={_bgPicture:'NA',_googleDomain:'http://www.google.com',_googleSearch:false,_mainButtonHeight:25,_mainButtonTextColor:#E7E9 EC,_mainFont:'Tahoma',_mainFontSize:12,_mainHighlightColor:#999999,_mainTextHighlightColor :#13133C,_menuAlign:'center',_menuColor:#737373,_menuLeftMargin:90,_menuMinimalWidth:493,_ menuRightMargin:100,_menuTopMargin:0,_searchFieldColor:#ffffff,_searchFieldWidth:70,_searc hInputTextColor:#666666,_searchVariable:'searchText',_subButtonHeight:20,_subButtonTextCol or:#E7E9EC,_subFont:'Tahoma',_subFontSize:12,_subHighlightColor:#999999,_subMenuColor:#737 373,_subShowSpeed:20,_subTextHighlightColor:#13133C,_yourDomain:'NA',autosize:true,needSea rch:false,navigationTree:['Mainbut1:Home;http://www.crestars.com;_top','Mainbut2:About Crestars *amp* Us;;','_subbuton1:Crestars Belief;chinese_crested_about_crestars.html;_parent','_subbuton2:Martine *amp* Dewaine;about_dewaine_and_martine.html;_parent','_subbuton3:Contact;mailto:[email protected]?subject=I visited your website and;_top','Mainbut3:General Information;;_parent','_subbuton1:FAQ\'s;chinese_crested_faq.html;_parent','_subbuton2:Ge neral Overview;chinese_crested_info.html;_parent','_subbuton3:Common Health Issues;chinese_crested_common_health_issues.html;_parent','_subbuton4:Exercise;chinese_cr ested_exercising.html;_parent','_subbuton5:Other Links;other_links.html;_parent','Mainbut4:Grooming;;_parent','_subbuton1:Read First;chinese_crested_grooming.html;_parent','_subbuton2:A Hairy Hairless;chinese_crested_grooming_hairy_hairless.html;_parent','_subbuton3:A Medium Hairy Hairless;chinese_crested_grooming_medium_hairy.html;_parent','_subbuton4:A True Hairless;chinese_crested_grooming_true_hairless.html;_parent','_subbuton5:A Powderpuff;chinese_crested_grooming_powderpuff.html;_parent','_subbuton6:Taping Puppy Ears;chinese_crested_ear_taping.html;','_subbuton7:Grooming Supplies;chinese_crested_grooming_supplies.html;','Mainbut5:Our Males;;_parent','_subbuton1:Bootz;chinese_crested_bootz.html;_parent','_subbuton2:Bugzy;c hinese_crested_bugzy.html;_parent','_subbuton3:Oreo;chinese_crested_oreo.html;_parent','Ma inbut6:Our Females;;_parent','_subbuton1:Candy;chinese_crested_candy.html;','_subbuton2:Didi;chinese _crested_didi.html;','_subbuton3:Goldie;chinese_crested_goldie.html;','_subbuton4:Hottie;c hinese_crested_hottie.html;','_subbuton5:Izzee;chinese_crested_izzee.html;_parent','_subbu ton6:Vickie;chinese_crested_vicki.html;','_subbuton7:Zeekitah;chinese_crested_zeekitah.htm l;','Mainbut7:New Generation;;','_subbuton1:Puppies;chinese_crested_puppies.html;','_subbuton2:Show Hopefuls;chinese_crested_hopefuls.html;','_subbuton3:Available;chinese_crested_available. html;','Mainbut8:What\'s New...;crestars_latest_news.html;','Mainbut9:New owners...;chinese_crested_new_owners.html;','Mainbut10:Rainbow Bridge;chinese_crested_rainbow_bridge.html;_parent']}" />
   <embed id="sf_menu2" src="SofteryMenus/sf6menu119.swf" wmode="transparent" quality="high" flashvars="flashlet={_bgPicture:'NA',_googleDomain:'http://www.google.com',_googleSearch:false,_mainButtonHeight:25,_mainButtonTextColor:#E7E9 EC,_mainFont:'Tahoma',_mainFontSize:12,_mainHighlightColor:#999999,_mainTextHighlightColor :#13133C,_menuAlign:'center',_menuColor:#737373,_menuLeftMargin:90,_menuMinimalWidth:493,_ menuRightMargin:100,_menuTopMargin:0,_searchFieldColor:#ffffff,_searchFieldWidth:70,_searc hInputTextColor:#666666,_searchVariable:'searchText',_subButtonHeight:20,_subButtonTextCol or:#E7E9EC,_subFont:'Tahoma',_subFontSize:12,_subHighlightColor:#999999,_subMenuColor:#737 373,_subShowSpeed:20,_subTextHighlightColor:#13133C,_yourDomain:'NA',autosize:true,needSea rch:false,navigationTree:['Mainbut1:Home;http://www.crestars.com;_top','Mainbut2:About Crestars *amp* Us;;','_subbuton1:Crestars Belief;chinese_crested_about_crestars.html;_parent','_subbuton2:Martine *amp* Dewaine;about_dewaine_and_martine.html;_parent','_subbuton3:Contact;mailto:[email protected]?subject=I visited your website and;_top','Mainbut3:General Information;;_parent','_subbuton1:FAQ\'s;chinese_crested_faq.html;_parent','_subbuton2:Ge neral Overview;chinese_crested_info.html;_parent','_subbuton3:Common Health Issues;chinese_crested_common_health_issues.html;_parent','_subbuton4:Exercise;chinese_cr ested_exercising.html;_parent','_subbuton5:Other Links;other_links.html;_parent','Mainbut4:Grooming;;_parent','_subbuton1:Read First;chinese_crested_grooming.html;_parent','_subbuton2:A Hairy Hairless;chinese_crested_grooming_hairy_hairless.html;_parent','_subbuton3:A Medium Hairy Hairless;chinese_crested_grooming_medium_hairy.html;_parent','_subbuton4:A True Hairless;chinese_crested_grooming_true_hairless.html;_parent','_subbuton5:A Powderpuff;chinese_crested_grooming_powderpuff.html;_parent','_subbuton6:Taping Puppy Ears;chinese_crested_ear_taping.html;','_subbuton7:Grooming Supplies;chinese_crested_grooming_supplies.html;','Mainbut5:Our Males;;_parent','_subbuton1:Bootz;chinese_crested_bootz.html;_parent','_subbuton2:Bugzy;c hinese_crested_bugzy.html;_parent','_subbuton3:Oreo;chinese_crested_oreo.html;_parent','Ma inbut6:Our Females;;_parent','_subbuton1:Candy;chinese_crested_candy.html;','_subbuton2:Didi;chinese _crested_didi.html;','_subbuton3:Goldie;chinese_crested_goldie.html;','_subbuton4:Hottie;c hinese_crested_hottie.html;','_subbuton5:Izzee;chinese_crested_izzee.html;_parent','_subbu ton6:Vickie;chinese_crested_vicki.html;','_subbuton7:Zeekitah;chinese_crested_zeekitah.htm l;','Mainbut7:New Generation;;','_subbuton1:Puppies;chinese_crested_puppies.html;','_subbuton2:Show Hopefuls;chinese_crested_hopefuls.html;','_subbuton3:Available;chinese_crested_available. html;','Mainbut8:What\'s New...;crestars_latest_news.html;','Mainbut9:New owners...;chinese_crested_new_owners.html;','Mainbut10:Rainbow Bridge;chinese_crested_rainbow_bridge.html;_parent']}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="25"> </embed>
</object>
</div>

<div id="content">
<div id="housesurroundings" class="CollapsiblePanel">
   <div class="CollapsiblePanelTab" tabindex="0"> Check out our house surroundings   </div>
   <div class="CollapsiblePanelContent"><a href="pictures/flower1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower1.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/dahlia1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dahlia1.jpg" width="66" height="100" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower2.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower2.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower3.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower3.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower4.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower4.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard1.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard2.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard2.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard3.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard3.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard4.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard4.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard5.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard5.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard6.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard6.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard7.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard7.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard8.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard8.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard9.jpg" title="My pet rock all the way from Quebec!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard9.jpg" width="100" height="66" alt="My pet rock all the way from Quebec!" border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard10.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard10.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard11.jpg" title="Cute little birdhouse that nobody wants to use..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard11.jpg" width="66" height="100" alt="Cute little birdhouse that nobody wants to use..." border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning1.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning1.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning2.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning2.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly2.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly2.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly3.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly3.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly4.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly4.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose1.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose1.jpg" width="100" height="69" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose2.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose2.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose3.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose3.jpg" width="100" height="70" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/firepit1.jpg" title="Enjoying a nice fire by the fire pitt with family" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/firepit1.jpg" width="100" height="75" alt="Enjoying a nice fire by the fire pitt with family" border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_enjoying_the_sun_on_front_deck.jpg" title="Nothing beats relaxing on the front deck..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_enjoying_the_sun_on_front_deck.jpg" width="100" height="66" alt="Nothing beats relaxing on the front deck..." border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_oreo_bugzy_hammack.jpg" title="Dewaine enjoying himself in the hammeck with a couple of dogs" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_oreo_bugzy_hammack.jpg" width="100" height="66" alt="Dewaine enjoying himself in the hammeck with a couple of dogs" border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_oreo_front_deck1.jpg" title="Someone needs to patrol what's going on...Dewaine and Oreo take their job seriously " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_oreo_front_deck1.jpg" width="100" height="68" alt="Someone needs to patrol what's going on...Dewaine and Oreo take their job seriously " border="0" /></a> <a href="pictures/aboutus/around_the_house/firepit2.jpg" title="Let the fire rise!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/firepit2.jpg" width="66" height="100" alt="Let the fire rise!" border="0" /></a> <a href="pictures/aboutus/around_the_house/fire1.jpg" title="Fire pitt" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/fire1.jpg" width="100" height="66" alt="Fire pitt" border="0" /></a> <a href="pictures/aboutus/around_the_house/seeds_on_table2.jpg" title="Seeds from our back yard Manitoba Maple on a piece of bark" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/seeds_on_table2.jpg" width="100" height="66" alt="Seeds from our back yard Manitoba Maple on a piece of bark" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines1.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines1.jpg" width="100" height="65" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines2.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines2.jpg" width="100" height="66" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines3.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines3.jpg" width="100" height="66" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/seeds_falling_off_tree.jpg" title="Seeds falling off the Manitoba Maple Tree" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/seeds_falling_off_tree.jpg" width="100" height="66" alt="Seeds falling off the Manitoba Maple Tree" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow1.jpg" title="Ok nobody is going to BBQ today..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow1.jpg" width="100" height="66" alt="Ok nobody is going to BBQ today..." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow2.jpg" title="Snow pilling up on front deck" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow2.jpg" width="100" height="66" alt="Snow pilling up on front deck" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow3.jpg" title="Snow fall" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow3.jpg" width="100" height="66" alt="Snow fall" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow4.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow4.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow5.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow5.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow7.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow7.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow8.jpg" title="Looks fun?...just for 2 minutes!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow8.jpg" width="100" height="66" alt="Looks fun?...just for 2 minutes!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow9.jpg" title="Making a snow angel" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow9.jpg" width="100" height="65" alt="Making a snow angel" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow10.jpg" title="Snow angle snow print" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow10.jpg" width="100" height="66" alt="Snow angle snow print" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow11.jpg" title="BRRRR..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow11.jpg" width="67" height="100" alt="BRRRR..." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow12.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow12.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow13.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow13.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow14.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow14.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow15.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow15.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow16.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow16.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow17.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow17.jpg" width="75" height="100" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow18.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow18.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow19.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow19.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow20.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow20.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow21.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow21.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow22.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow22.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snowgarlandfence.jpg" title="Cool looking garland" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snowgarlandfence.jpg" width="100" height="66" alt="Cool looking garland" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree1.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree1.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree3.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree3.jpg" width="66" height="100" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/tree_seeds_on_table2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/tree_seeds_on_table2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/tree_seeds_on_table.jpg" title="Seeds from our Manitoba Maple tree" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/tree_seeds_on_table.jpg" width="100" height="66" alt="Seeds from our Manitoba Maple tree" border="0" /></a> <a href="pictures/aboutus/around_the_house/woodsplitter1.jpg" title="Preparing for the winter" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/woodsplitter1.jpg" width="100" height="66" alt="Preparing for the winter" border="0" /></a> <a href="pictures/aboutus/around_the_house/woodsplitter2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/woodsplitter2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a><a href="pictures/aboutus/around_the_house/cloud_shadow_1.jpg" title="Weird forming clouds...the shadow was behind" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/cloud_shadow_1.jpg" width="100" height="56" alt="Weird forming clouds...the shadow was behind" border="0" /></a><a href="pictures/aboutus/around_the_house/cloud_shadow_2.jpg" title="Weird cloud" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/cloud_shadow_2.jpg" alt="Weird cloud" width="100" height="56" border="0" /></a><a href="pictures/thumbs/thumbs/laughing_cloud.jpg" title="" rel="dmxLightbox" rev="{group: 'AroundOurHouseGarden', preset: 'thin'}"><img src="pictures/thumbs/thumbs/thumbs/laughing_cloud.jpg" width="100" height="66" alt="" border="0" /></a></div>
</div>
<p> </p>
</div>

<style type="text/css">

</style>
<span class="smallercentered">The entire Site is Copyrighted©, 2010. Designed by owner, <a href="mailto:[email protected]?subject=I visited your website and..." target="_blank">Martine Couture</a></span> </div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("housesurroundings", {contentIsOpen:false});
</script>
</body>
</html>

Depending on the development environment, I can imagine that DW has a problem.
My systems is Windows7, i7 processor, 8GB ram and it does take a while for DW to add an extra collapsible panel.
Possible solutions
use accordion panels
hand code the second collapsible panel
use a Collapsible Panel Group
To hand code all you have to do is add the following to your document, in the appropriate places amking sure that the ID corresponds.
<div id="CollapsiblePanel2" class="CollapsiblePanel">
   <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
   <div class="CollapsiblePanelContent">Content</div>
</div>
and
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
For more info on a Collapsible Panel Group see here http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Gramps

Modify Daily Collapsible Panel

Hi,
The following thread is very similar to what I would like to
do.
Daily
Collapsible Panels
But, instead of opening an additional panel each day, I would
like to replace the content within one panel each day.
Any ideas?
Neal

If you have a feed or a dynamic page that is changing daily,
you can look into the HTML Panel widget.
http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_sample.html

Collapsible Panel Group - automatic close/open?

Similar Messages

Maybe you are looking for