Skip to main content
H
HammyTheHumanTool
Participant
November 29, 2016
Answered

Accordian Panels Not Closed by Default

  • November 29, 2016
  • 1 reply
  • 905 views

I use DW CC in 'Beginner' mode because they don't have an 'Uber-Beginner' mode...

I added a (spry?) acccordian to my page.  There were three panels.  I deleted two, and edited the remaining one's IDs and Link. I copied/pasted that one below the first and edited that one likewise.  I now have ten panels with with unique IDs and Links.  I edited the text in the panel-titles and panel-bodies of all ten.  In the end, the top, two panels always open when the page loads; the others are closed.  After that, all functionality is as is to be expected.

Is there somewhere I can add a very simple fix, bearing in mind my Uber-Beginner-ness?

[Here is the list of all Adobe forums... https://forums.adobe.com/welcome]

[Moved from generic Cloud/Setup forum to specific Program forum... Mod]

    This topic has been closed for replies.
    Correct answer Nancy OShea

    OK.  If you're in the current version of DW, use the Bootstrap Accordion panels.

    Insert > Bootstrap Components > Accordion.  NOTE:  You need to be using a Bootstrap Layout to use Bootstrap Components.   See links below for details on Bootstrap.

    W3 Schools - Bootstrap

    http://www.w3schools.com/bootstrap/

    Bootstrap CC tutorials

    https://helpx.adobe.com/dreamweaver/how-to/make-style-web-page.html

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    November 29, 2016

    Which version of DW ?  It must be quite old.  Spry has not been around since 2013 when Adobe abandoned it.

    I don't recommend using Spry in current or future projects because the scripts have not been updated since 2006 (over 10 years).

    As a replacement, look at jQuery UI.

    https://jqueryui.com/accordion/#default

    The default mode opens 1st panel on page load.

    Nancy

    Nancy O'Shea— Product User & Community Expert
    H
    HammyTheHumanToolAuthor
    Participant
    November 29, 2016

    Reading through Forums, 'spry' was the only reference to accordians on the subject. So not knowing, I added that in parens with question mark.  Am using Dreamweaver CC - latest and greatest.  Barring the first sentence of my original question, everything is accurate.

    I will look at

    https://jqueryui.com/accordion/#default

    as you suggested also.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    November 29, 2016

    OK.  If you're in the current version of DW, use the Bootstrap Accordion panels.

    Insert > Bootstrap Components > Accordion.  NOTE:  You need to be using a Bootstrap Layout to use Bootstrap Components.   See links below for details on Bootstrap.

    W3 Schools - Bootstrap

    http://www.w3schools.com/bootstrap/

    Bootstrap CC tutorials

    https://helpx.adobe.com/dreamweaver/how-to/make-style-web-page.html

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices