Mobile menu -- Accordion Panel or Composition -- which is recommended?

Hi,
I have been experimenting with mobile menus and have come up with good solutions using two different methods: 1) Accordion Panel widget; 2) Composition blank widget. Both use a trigger and a content container with a vertical menu. Both work well.
Question for the experts here: Is either of the two menu techniques recommended, and why? They work and feel a little differently, but I am more concerned with their compatibility on different mobile devices and browsers.
Thanks for any help with this.
John

This may depend on the site design as what contents and page objects are used , both should work as expected.Both widgets are compatible across all browsers and devices.
So you can go with both options, my suggestion would be create 2 pages with separate menu and then check and finalize.
Thanks,
Sanjit

Similar Messages

ANNC: Deja Vu Automated CSS Page Pack for Accordion Panel Magic

Deja Vu captures the clean and simple approach to design that
has gone into
our web sites for many years. In fact, we're sure you'll find
Deja Vu very
familiar.
Deja Vu comes with 5 page designs. Layouts are CSS-based,
fixed-width, and
centered. Pages are automatically created using the PVII Page
Pack interface
inside Dreamweaver.
Navigation menus are powered by the latest version of
Accordion Panel Magic
(required), which automatically highlights the current page
link and expands
the panel that contains it.
You'll learn how multi-column layouts can be designed in
Fireworks and how
Fireworks is used to develop the CSS that makes your columns
render with
equal heights. It's mathematically precise yet clear and easy
to
understand - and kind of fun if you're a designer just
getting into CSS.
Deja Vu comes with a comprehensive User Guide and free
technical support.
Additional features:
Works in Dreamweaver Templates
Search engine friendly
Standards-based code
$60
http://www.projectseven.com/products/templates/pagepacks/dejavu/
The PVII Team

Well I had the same thought when I tried your demos (very
nice looking
BTW) but I guess it's not a problem for the majority of
people. Anyway
since you announce it on this NG I guess you're also
interested in
feedback too.
Kim
http://www.geekministry.com
Al skrev:
> On Tue, 05 Dec 2006 15:34:38 -0500, Thierry |
www.TJKDesign.com
> <[email protected]> wrote:
>
>> Al Sparber- PVII wrote:
>>> It's kind of like having a CSS guardian angel
hovering over you you.
>>
>>>
http://www.projectseven.com/products/templates/pagepacks/bpotter/demo.htm
>>>
>>
>> Al,
>> I know you didn't ask, but I thought I'd give you a
heads-up regarding
>> the
>> menu in this template:
>> I find it difficult (impossible?) for keyboard-users
to "get rid of" that
>> flyout menu once it is opened.
>>
>
>
>
http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm
>
>
> We deliver our pages in a default configuration. It's
different from
> your opinion so let's just agree to disagree. We've had
this discussion
> before and a rehash would serve no constructive purpose.
Feel free to
> email me if you have any further questions.
>
>
> Cheers
> --Al

Adding dynamic content to accordion panels

Hello,
and thank you in advance for any help.
I need to make a new web page for my girlfriend. She's a
photographer which means she needs to update her page pretty often.
The usual small systems however were way too complicated for her.
After seeing Spry, I decided to use it, along with Relay
which gives an easy option for updating content. So here's my plan:
- I install Relay so she has sort of a back-end to update her
pictures.
- I have a php script which reads out the directories and
makes an xml file to use with spry.
However I find it very difficult to understand how I should
use this xml file. Additionally, she wants to have the accordion
panels, so I have to put the code (probably the same code with only
a different xml filename for each directory) into every panel.
Could anybody help me with that? Please note that I haven't
started anything yet and am right now trying stuff locally.
Thank you again.
Mete

Hello again,
I'll try to describe the case once again, this time more
clearly:
- I will install Relay onmy server to enable uploading
pictures. Relay stores the upload pictures in different directories
which are created by the user and the path to each directory is
known.
- A PHP-Script reads out the content of these directories
(names, paths etc) and gives a list as an XML-File.
What I want to do is:
Make an HTML-Page and use Spry Accordion Panels in it.
Let's say I have 5 panels. Each panel (in itself) shall use
the XML-file (one file per directory) to display the pictures. The
styling will be made by using the CSS.
My problem is:
I just can not figure out how to use the regions etc in Spry.
I have to admit that so easy it is to use, it 's also pretty
difficult to understand the logic behind it for non-skilled users
(especially for those who do not have Dreamweaver etc). I can't
find the answers to my questions like: Why do the datasets get the
prefix "dsXXXX"?
I only want to read the XML-File and display these pictures
in an Accordion Panel without floating, which means it has to
scroll left and right.
I hope this makes it easier to understand :)
Thank you once again!
Mete

Muse accordion vertical mobile menu issues

Adobe
I have two issues with your accordion vertical mobile menu.
1. The menu does not line up on the right-hand side in the accordion widget when it’s in preview mode. The x and y in design mode both line up correctly with the menu inside the accordion so I know that this is not the issue. I have no outlines placed on any elements of the accordion menu. Is this a glitch? Is there a fix? I am running most current version of Muse.
2. From my understanding I believe that the menu should be placed inside the widget (on master page) then when the menu is previewed the accordion should be closed and when it’s opened the objects that are below the menu should all move down. I have yet to accomplish any of this. Is this also a glitch or am I missing something?

Thank you for providing your file to the support team.
#1 is related to the fact the menu widget doesn't support 100% width, but in this case that isn't really necessary since mobile browsers scale to fit the width of the widest content.
So, the workaround in this case is to make the accordion not exactly fit in width. Make it one pixel wider and also make the menu inside the panel one pixel wider. Since this will make the accordion not exactly match the browser area width it won't be treated as 100% width. Instead the browser will scale it, and the menu within it, to fit the width of the device.
#2 is enabled by turning off the "Overlap Items Below" option in the accordion widget options UI.

Accordion Panels and List Menu don't work if I place html files in subfolders

Hi all,
Switched from Dreamweaver to Muse and I have very limited knowledge of code.
Not an IT expert and not a web developer this is just for my own site.
I have sub-folders in my site. All html files are inside sub-folders except index.
ie contact.html or products.html I move them manually from root to the subfolder, using the easy interface of Dreamweaver. I call the subfolder "en"
so I can have pages such as mysite.com/en/contact.html
In the subfolder I copy and paste from root the css, images and script folders,
keeping the original css/images/scripts as well, in the root, so index.html is not affected.
and same time the look of the html pages inside the subfolders does not change.
BUT
list menus and accordion panels don't work. I click and there is no movement
How can I solve this ? I know Muse does not allow the creation of subfolders,
everything is uploaded in the root.
When in Dreamweaver I had placed 50 pages in subfolders and I was indexing them in google and bing.
Now can't again put 50 pages in root and can't remove URLs and make new indexing for all these pages
Any help ? many thanks for any assistance.

The iPhone, like the Ipad, uses the Mobile Safari browser, so here's an earlier thread that might give you some insight: http://forums.adobe.com/thread/613494

Dashed rule between menu items nested inside an accordion panel widget in Muse?

I have a vertical menu widget nested inside an accordion panel widget and I want a dashed rule under each menu item. I already know I can have a solid rule by assigning a stroke to just the bottom of each menu item container.
I manually created dashed rules by "step and repeating" a 1px black square followed by 2px of space to a 380px width. I positioned these dashed rules under each menu item and grouped them with the menu. Then I placed the menu widget with the dashed rules into the content container for the accordion panel. The menu expands and collapses in the Preview mode but the dashed rules don't show up.
Muse CC 2014, iMac OS10.9

The link again is I forgot to add http to the link before, but it should have worked.
http://www.lipowiec.org/test/index.php
a) used Dreamweaver to create new site selected 1 column, elastic, centered, header, and footer
b) used spry to add horizontal menu to header
c) followed instructions from Spry Help
http://livedocs.adobe.com/en_US/Spry/SDG/index.html?lang=en_US ->
working with spry widgets -> working with the menu bar widget -> Customize the dimension of menu items as indicated
To change the dimension of menu items by changing the width properties of the menu item’s li and ul tags.
Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li rule.
Change the width property to a desired width, or change the property to auto to remove a fixed width, and add the property and value white-space: nowrap; to the rule.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the width property to a desired width (or change the property to auto to remove a fixed width).
Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li rule.
Add the following properties to the rule: float: none; and background-color: transparent;.
Delete the width: 8.2em; property and value.
Under IE it's broken, under the other browsers it works.
There need to be more IE HACKS added.

Using Accordion Panel as Menu .... ?

I am trying to use an accordion panel as a menu. I have successfully set up each Tab to flip to the apporpritate page via the hyperlink, but the tabs do not remain active once the page flip is done.

That is the normal result when using accordions as menus.
One work around is when you save each page before you publish make sure the panel is open on the correct accordion panel for each page. It will remember the last state that you publish with.

Spry horizontal menu bar and accordion panels not working when published

Hi,
I'm a newbie to Dreamweaver and have been asked to design an intranet site. On the site, I added both Spry widgets for a horizontal menu bar and an accordion panel. Both of these widgets work in preview, however, neither work when I publish. I uploaded the Spry asset folder (with all the CSS and JS files) to the remote server, but still no luck. What am I missing?
Thanks.

Despite of what you have staed, my bet is on the fact that the SpryAssets folder and/or the included files are not being found by your page..
Open the site in FF, click on view Source and in the source code click the link to the JS file. If it can be found, it will show the content of the file and you will have the satisfaction of knowing that the page can find the file.
If it does not show the content, you need to correct that.
Good luck.
Ben

How do I collapse all the accordion panels

The problem that I still have is that I am trying to close all the Accordions when clicking on the last panel.
I have looked at the Accordion.closePanel() , but that throws an error
http://labs.adobe.com/technologies/spry/articles/data_api/apis/accordi on.html
here is a link to the page http://www.antworks.co.uk/mobymemory/menu.html
see the code below. Any help would be greatly appreciated. Thanks
<!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>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTop" onclick="Accordion1.openPanel(0); return false;">memory cards (make)</div>
<div class="AccordionPanelContent">
<img src="images/new/trans.gif" width="7" height="7" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="12" /><br />micro SD / Transflash<br />
<img src="images/new/trans.gif" width="7" height="3" />
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(1); return false;">memory cards (brand)</div>
<div class="AccordionPanelContent2">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(2); return false;">mobile accessories</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(3); return false;">gaming</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab" onclick="Accordion1.openPanel(4); return false;">computing</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelBot" onclick="Accordion1.openPanel(5); return false;">customer login</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
width: 174px;
overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_blue.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelTop {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_top.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 22px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelBot {
background-color: #CCCCCC;
letter-spacing: -0.04em;
background-image: url(../images/new/spry/meun_bot.gif);
background-repeat: no-repeat;
padding: 8px 0 0 12px;
height: 21px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
font-weight: bold;
margin: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: hidden;
margin: 0px;
.AccordionPanelContent2 {
letter-spacing: -0.05em;
background-image: url(../images/new/spry/meun_grey.gif);
background-repeat: repeat-y;
padding: 0 0 0 12px;
font-family: Arial, Helvetica, sans-serif;
color:#7f879e;
font-size: 14px;
font-weight: bold;
overflow: auto;
margin: 0px;
height: 200px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;

Just so that you know for the next time, when you give us a URL, there is no need to post your code. This is by far the most preferred method for obtaining our assistance.
Having said that, place the fillowing in the HEAD section of your document, ensuring that you do have the file in that location
<script src="SpryAssets/SpryDOMUtils.js"></script>
Then, near the bottom of the page within the same SCRIPT content as your constructor(s), place the following code
Spry.$$(".AccordionPanelBot").addEventListener("click", function(){
Accordion1.closePanel();
The Spry Element Selector (Spry.$$) requires SpryDOMUtils.js. Here we place an event listener to your last tab with a class name of AccordionPanelBot, which when clicked will close the currently open panel(s).
I hope this helps.

Spry Menu Property Panel Disappearing

Hello,
I have an issue I've been unable to figure out. When I add a
spry widget such as an accordion panel or menu bar, there is a blue
box up top. When I click it, I get the properties panel which
allows me to edit the menu. I have noticed after time, the blue box
goes away and I cannot retrieve it.
It seems to be happening when I add a right frame.
Anyone know how I can get this panel back with frames?
Thanks....

hey i am having this exact same problem. if you could tell me
how you solved this issue, that would be a great help to me.
Thanks.

Degrade an Accordion Panel

I have an accordion panel in the Products section of my
website, which I have built in Dreamweaver. The Panel has a range
of Subheadings for the different Product sections - and under each
section is a list of Products. The panel appears on every Product
page in my site to allow the user to quickly access any particular
product.
Due to client confidentiality I can't show you the site in
progress, but the panel looks something like this:
Accordion
Panel
This is really useful as there are hundreds of products, and
it allows the user to look at one Section of Products at a time.
However, there are those users that have javascript disabled.
Maybe only 4%? When Javascript is disabled, the accordion panel
expands and becomes very very long! For users who do not have
javeascript enabled, I would like
just the Product Section Headers to appear - without all the
Product Names. Maybe something like this:
Menu
for Javascript Disabled
Is there a way to do this using <noscript> tags? Or
maybe even Optional Areas in Dreamweaver?
Any ideas/examples appreciated.

Have you tried to define a special CSS class for the
noscript:
<noscript>
<style type="text/css">
.AccordionPanelContent{
display:none;
</style>
</noscript>
Cristian

Problem with menu and panel

hi,
i m new to java still learning new concepts. When i was working with menu and panel i got this problem and i tried a lot but still i havn't got any success. the problem is i m creating a menu with two menuitem - one for "add item" and another for "modify item". What i want to do that on the same frame i want to create two panel of these two item. when i click "add item" option it should show add window and so with modify option. but the problem is if i click add item it shows the addpanel but when i click modify option (add item panel goes- ok ..) but it doesn't show the modify panel, it shows only the main frame on which menu is there.
i cannot understant what is happing here plz guide me.
thanx

import java.awt.*;
import java.awt.event.*;
import java.sql.*;
import javax.swing.*;
public class ajitAutomobile extends JFrame implements ActionListener
     JMenuBar mb;
     JMenu jobmenu;
     JMenuItem newJobCard,modifyJobCard;
     Font ft;
     JPanel pnlnewJobCard,pnlmodifyJobCard;
     Container con;
     ajitAutomobile()
     ft=new Font("Arial",0,12);
     mb=new JMenuBar();
     setJMenuBar(mb);
     jobmenu=new JMenu(" Job Card Form");
     mb.add(jobmenu).setFont(ft);
     newJobCard=new JMenuItem("New Job Card Detail");
     modifyJobCard=new JMenuItem("Modify Job Card Detail");
     jobmenu.add(newJobCard).setFont(ft);
     jobmenu.add(modifyJobCard).setFont(ft);
     mb.add(requisition).setFont(ft);
     con=getContentPane();
     // setting panel for new JOb Card Entry
     pnlnewJobCard=new JPanel();
     pnlmodifyJobCard=new JPanel();
     con.add(pnlmodifyJobCard);
     con.add(pnlnewJobCard);
     pnlnewJobCard.setBackground(Color.RED);
     pnlnewJobCard.setVisible(false);
     pnlmodifyJobCard.setBackground(Color.YELLOW);
     pnlmodifyJobCard.setVisible(false);
     //setting JFrame resources
     setVisible(true);
     setTitle("Ajit Automobile Service Center");
     setSize(750,300);
     setResizable(false);
     newJobCard.addActionListener(this);
     modifyJobCard.addActionListener(this);
     public void actionPerformed(ActionEvent ae)
          if (ae.getSource()==newJobCard)
               pnlnewJobCard.setVisible(true);
                                                                pnlmodifyJobCard.setVisible(false);
          if(ae.getSource()==modifyJobCard)
                                                                         pnlnewJobCard.setVisible(false);
                                                                pnlmodifyJobCard.setVisible(true);
     public static void main(String args[])
     ajitAutomobile objajit=new ajitAutomobile();
     objajit.show();
}so, this is the code and as i m expecting that when i click on "New Job Card Detail" then it should display pnlnewJobCard and when i will click "Modify Job Card Detail" it should display pnlmodifyJobCard panel but it is not working.It shows only that panel which is clicked first.
plz help
thnx, any answer will be appriciated.

Accordion Panel Widget - open and close speed.

Hello,
Is there any way to change the speed that an Accordion Panel Widget opens and closes?
I would like it to be slower than it is now.
For my project it would be more relaxed and graceful.
Thanks,
Chris.

HI Chris
With Accordion we cannot setup the speed as of now , but you can try out composition widget where we can define transition, auto play speed.
Thanks,
Sanjit

Globally open and close all accordion panels

Is there a way to globally open and close all accordion
panels? For example, it would be nice to have an "Expand all" and
"Collapse all" link at the top of the page, before the accordion,
that has this functionality.

Hi FM_n_DC,
Accordions can only ever have a single panel open. If you
want individual control over which panels are open you probably
want to use a CollapsiblePanelGroup. This sample shows how to open
all and close all of the panels of the CollapsiblePanelGroup:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
--== Kin ==--

Using text links to open accordion panel

How do I use text links (from the page's main menu) to
programatically open a particular panel.
here is the page:
http://debrankin.com/tee/SITEDESIGN/
for example: I want to click on "Resumes and Cover Letters"
in the left hand menu to open the first accordion panel (by the
same name). I have this set this page so that all panels are closed
initially.
i know i'm missing something because this obviously does not
work: i've looked for documentation and this issue is inadequately
addressed!

twinflame wrote:
> i know i'm missing something because this obviously does
not work: i've looked
> for documentation and this issue is inadequately
addressed!
Not really. The problem is that you have attempted to create
a
JavaScript object called accordion1 before the accordion HTML
is even
loaded into the browser. Moreover, the script that
initializes the
accordion is already in your HTML where it should be (after
the
accordion), but it uses Accordion1, not accordion1
(JavaScript is
case-sensitive.
Remove this after your menu.
> <script type="text/javascript">
> var accordion1 = new
Spry.Widget.Accordion("Accordion1");
> </script>
Change the links in the menu to Accordion1.openPanel(0),
etc., and it
should work.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

Mobile menu -- Accordion Panel or Composition -- which is recommended?

Similar Messages

Maybe you are looking for