Toggle Accordion panel not working

I have a single panel that I am starting closed and when you
click on it, it opens. I would like to be able to click on it again
and have it close. I've looked at the messages here and tried the
solution but it is not working for me. In the code, I have:
<script type="text/javascript">
<!--
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
at the bottom of the page. I really don't understand why it
is not working.
Thanks.

A single panel accordion?
I suggest you try a Collapsible Panel Widget, which will do
exactly what you are looking to do.
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
And if I misread this and you have multiple panels and want
the same functionality, the Collapsible Panel Group was designed
for that.
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Hope this helps.
Don

Similar Messages

  • Anchor links to accordion panels not working properly across browsers

    Hi everyone,
    I need some help to figure out why my anchor links  to specific accordion panels on another page are not working properly  across browsers.
    I have a Map page which has tooltips on  mouseover on the site markers. 15 of the tooltips have "Click here for  information" anchor links (although only 14 are currently linked) which,  in theory, would take you to the Nurseries page where the specified  accordion panel would be opened with the nursery entry appearing at the  top of the new browser window.
    Here are the links to the Map page and Nurseries page, respectively:
    www.alegriadesignstudio.com/RFRI/map_v6.html
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html
    I've  tested the anchor links on IE, Firefox, Google Chrome, and Safari, and  have received varying results. In most cases, the anchor links worked  perfectly on two of the browsers, while on the other browsers, the  correct accordion panel is opened but the nursery entry does not appear  at the top of the new browser window. Anchor links using Safari and  Google Chrome fared better (10 out of 14 links worked properly, and  8/14, respectively), whereas when using Firefox and IE, only 3 anchor  links worked properly. The target audience for this website will be  using IE and Firefox, so I  would appreciate any help to figure out how to tweak the code so that  the most, if not all, anchor links work properly on these two browsers  in particular.
    Here's an anchor link which worked perfectly in  IE, GC, and Safari, but in FF, the entry did not appear at the top of  the new browser window.
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
    http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green  dot from the top of the map (Tooltip--Location: Mangatarem) and then  click on "Click here for information."]
    Here's a sample anchor link in which the entry did not appear at the  top of the new browser window in any of the 4 browsers:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the  bottom of the map and mouseover the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION:        Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet;        North Cotabato) and then  click on "Click here for information."]
    Here's a sample anchor  link in which the anchor link worked properly in GC and Safari, but the  entry didn't appear at the top of the browser window in IE and FF:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island  north and a bit west of "Mindanao" which is called "Bohol" and mouseover  the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then   click on the first "Click here for information."]
    Many thanks in  advance for your assistance!
    Joy

    Hi everyone,
    I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
    Many thanks in advance.
    Joy

  • Accordion panel not working correctly in IE6

    Hi,
    I created a page with an accordion panel set that worked fine
    in FireFox. The panels start closed and then open when clicked
    upon.
    This works fine in IE 7 but when I open this page in IE6, the
    panel tabs do not function properly. The top five do not have the
    background color or any delineating lines - there is just the text
    of the panel tab. When the tabs are clicked on, they will open but
    the colors change oddly. Sometimes there is a small horizontal
    section of no color at the bottom of the panel tab color. When the
    cursor is moved around the page, the tabs can change
    colors....sometimes. Other times a tab will lose color completely.
    And yet, it works perfectly in Firefox. What could be causing
    this problem. I was so happy that I had finally completed this page
    since there was a lot of dynamic data to link to the page - and now
    I feel like I am back at square one.
    Please help!
    Thanks

    I atually figured it out - well I got it to work right but
    I'm still not sure why it works. I had the accordion panel in a div
    wrapper. The positioning was set to "relative". When I commented
    out that line, it worked fine in IE6! I'm not sure why - but I'm
    glad it did!

  • 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

  • Why do my panels not work in CC 2014

    I made my own panels in CC but they don't work in CC 2014. I miss them.

    It's the latter. Thank you for answering my question.
    Op 21 jun. 2014, om 09:42 heeft Trevor Dennis <[email protected]> het volgende geschreven:
    Why do my panels not work in CC 2014
    created by Trevor Dennis in Photoshop General Discussion - View the full discussion
    Are you talking about a custom workspace, or actual panels made with Configurator?  If the former, then go Preferences > Sync settings.  If the latter, then those Flash panels no longer work in CC 2014.  Check out any of the multiple threads about Extensions being greyed out.
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6481073#6481073
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Photoshop General Discussion by email or at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • "Photos" option button in icloud control panel not working

    Photos option button in icloud control panel not working...it is not greyed out, and it is ticked, but clicking on it has no effect. Windows 8.

    luvsack wrote:
    DOES ANYBODY RESPOND TO THESE QUESTIONS EVER? I HAVE THE SAME PROBLEM AND CAN FIND NO ANSWER ANYWHERE! ANSWER THE **** QUESTION PLEASE!!!!!!!!!!!!!!!!!!!!!!!
    Windows 7 64
    Start your own thread, and please stop shouting, it is hard to read, and who wants that.

  • Sound Blaster X-FI Pci Express Front Panel Not working right Win7

    ASound Blaster X-FI Pci Express Front Panel Not working right Win7
    Please read carefully
    Part number Part SB040
    Hello,
    I have a fresh install of Win7x64 OEM. First, I want to say that I have "AUTOMATICALLY MUTE SPEAKERS" UNCHECKED under the Headphone detection tab. I have tried "Automatically Enable Headphone Settings" checked or unchecked. No difference.
    As soon as I plug in headphones to the front panel connector , the speakers in the mixer say "disconnected" (see below) and the SPDIF becomes the default output. There is no way for me to change this. And there isn't any sound coming from the headphones when plugged into the front panel. (the mic front panel works fine)
    I am using the nati've Win7 drivers for the card. Apparently the Win 7 drivers on your site are older than the nati've ones.
    This worked fine in Windows XP 32. Any ideas.

    Ok guys this is how I fixed the problem on my X-Fi PCI-Express. Open the Creative SB X-Fi Volume panel. Mine is set in game mode and I have 5 vertical sliders for Line-In /Mic, MIDI Synth, Digital-In, and the last one will say one of three things either Digital-In, Microphone, or Mirophone FP. At the top of the?slider there is a tab which brings up a drop down menu. Mine was default set to Digital-In, I switched it to Mirophone FP (tried Microphone first and it worked but the FP sounds better for me) and cranked it all the way up and my problem was solved. Very frustrating one though as there is no documentation that led me to the fix it was just playing around with it till I could figure it out.
    I hope this at least helps some of you out.

  • Accordion - default panel not working

    Hi, I'm using this script so the second panel is open by default, but it's not working (all the panels appear close by default)
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 1 });
    //-->
    </script>
    I can't figure out what's wrong.
    Here's the live page: http://www.apokrisis.com/client-projects/npfmc2010/public-meetings/committees-related-meet ings.html
    Thanks for your help!
    MWhitt

    Your code is this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 }, {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4");
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    but should be this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    Accordion3 and Accordion4 lines mixed up
    Carl

  • One accordion tab panel not working properly

    Hi,
    Can you spot where my error is here, in years 4-5?
    http://www.grad.umn.edu/gradwriting/IWP/
    The first accordion panel is open; all other accordion panels
    are shut at start . What am I missing? Thanks!

    Your code is this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 }, {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4");
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    but should be this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    Accordion3 and Accordion4 lines mixed up
    Carl

  • Accordion Panel not seen in browser. Before, yes.

    Hi,
    I've using the Accordion Pannel with several Tabs. It was working good on the browser. Now, after few weeks I started to work with some PHP. I am now working with a LOCAL server for trsting the PHP applications.
    But I can not preview in the browser all the accordion panels I made. I saw only the plain text, images, flash, everything but not the Accordion Panels. On the contrary in the localhost server oln the top right of the browser says "READER", I click there and I can read the text content of the first tab only.
    I changed the server from local to remote in order to upload my regular html pages with the accordion panels. I uploaded them and I don't see them too, even when I browse in the URL. What is happening here? The PHP is blocking something?
    Here you have one of these pages:
    http://www.magicperu.biz/paginascom/faq_sp.html
    Below the titles should be the accordion panel with 8 tabs and text content in spanish. Can you see that? If not, what was wrong? In those html files I didn't put any PHP code. The PHP I am using only for the contact form and stuffs.
    I use Mac OS 10.6.4, Dreamweaver CS5 with MAMP. Safari.
    Thanks for your help.

    Hi,
    looking to the source code of your
    http://www.magicperu.biz/paginascom/faq_sp.html
    I can see your advices, indeed:
    name="head">
    <script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    but I miss the consistent continuation, here (German DW):
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bezeichnung 1</div>
        <div class="AccordionPanelContent">Inhalt 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bezeichnung 2</div>
        <div class="AccordionPanelContent">Inhalt 2</div>
      </div>
    </div>
    and especially this:
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    I suggest that you first try inserting Accordion Pannel into a very new *.html file to see what happens.
    Hans-G.

  • Tabbed and accordion widgets not working after latest export.

    The accordion widget was working on the sites I built, but now when I export the sites after changes, the accordion and tabbed panels don't work.
    The link below shows the old accordion and the new one I was placed from Muse.
    http://www.thresholddrain.co.nz/newsite/faqs.html
    I don't have time to redo every accordion and tab on the site. Any ideas why it is not working and what I can do to fix it.
    Thank you,
    Ana

    rodyaj wrote:
    I'll check that error message out when I get home, but for now, you could try adding this to your .xinitrc instead:
    setxkbmap -option caps:escape
    This helped. Thanks!
    rodyaj wrote:
    Or maybe try setting by keycode rather than keysym in .Xmodmap. e.g.,
    clear Lock
    keycode 0x42 = Escape
    (I think you'll need to use xev to find out what keycode your escape key is though.)
    This one didn't work though. I tried removing the clear Lock line, and I don't get any errors. But then it doesn't work properly.

  • Remote Panel not working in Windows 7 Starter

    Hi all,
    We have an application that can be controlled via remote panel. This is working fine in Windows XP PC. But when I try to access the same by opening Internet Explorer in a PC running Windows 7 Starter OS, I only get the 'Downloading 0.00% of 0 bytes'. I have disabled the Windows Firewall and there is no antivirus software also. What could be the reason for this? How could I solve this?
    Thanks in advance,
    Priyadarsini
    Solved!
    Go to Solution.

    The system which had the problem was a netbook that came with Windows 7 Starter. We found out recently that there was some parental controls utility in the netbook that prevented the LabVIEW Remote Panel access. We were not aware of its presence & it had not shown any indication that it had blocked Remote Panel communication. We uninstalled this utility & the Remote Panel started working as intended. Thanks again for your help.

  • Color Laserjet pro MFP M176n control panel not working

    the control panel in the Color Laserjet pro MFP M176n is not working, is all blank, i can´t see anithhing in it. Is there a reset button or should i take it to the store where i buy it for a checkup?
    thank you

    Hello @ Averus89, 
    Welcome to the HP forum.&nbsp;
    I understand you have done quite a lot to resolve your M176n and its connection to the ePrint service.&nbsp;
    I would like to help you with this issue.&nbsp;
    If the printer is not printing the web services info sheet, or allowing you to add it to HP Connected, I
    would set a manual DNS.&nbsp;
    I wont go into great detail about setting this up. From your post, I feel you know your way around the printer and your network. If I am mistaken, let me know. I will go into detail.&nbsp;
    The DNS to try is:
    Primary: 209.244.0.3
    Secondary: 209.244.0.4
    Set the DNS then try printing the web services info page again. 
    Let me know if this helps. 
    Aardvark1
    I work on behalf of HP
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos Thumbs Up" on the right to say “Thanks” for helping!

  • Effects Panel not working correctly

    I have Windows 7 64 bit, Home Premium and using PSE9.  When I open PSE in Full Edit and go to  the Effects Panel, the Filters work just fine, but the Layer Styles will not open (or show anything) and the Photo Effects will not open ( or show anything).  I did rename the MediaDatabase.db3 file as MediaDatabase.old, following instructions given in a PSE9 class I am taking....but have done nothing else with that file, and then is now a new MediaDatabase.db3 file under the "old" listing....so two files there.
    I have no idea what to do to correct this....and I did close everything and close PSE and also my PC...let them rest a while, and then restarted the PC and reopened PSE9, and still the Layer Styles and Photo effects did not work.  I hope someone can understand my problem and help....in simple "baby steps".  Thanks

    Should I delete the file named mediaDatabase.old?  I am a senior
    "dummie"  and just want to be sure what you are telling me.
    I did delete the editor's pref files....I understand that one.
    Thanks for your help.

  • Accordion Panels not collapsing in Adobe AIR

    Hi,
    I'm trying to create an AIR application with HTML/CSS/AJAX (spry).
    I've got my xml dataset set up and my accordion panel widget set up.
    When I preview in Safari everything works fine, but when I preview in Adobe AIR the xml data shows up and the panels, but the accordion panels aren't working, clicking on the AccordionPanelTab doesn't do anything.
    Any ideas on how to fix this, (if it is even possible)??

    Here is the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="_Assets/frameworks/AIRAliases.js"></script>
    <script src="_Assets/spry/xpath.js" type="text/javascript"></script>
    <script src="_Assets/spry/SpryData.js" type="text/javascript"></script>
    <script src="_Assets/spry/SpryNestedXMLDataSet.js" type="text/javascript"></script>
    <script src="_Assets/spry/SpryAccordion.js" type="text/javascript"></script>
    <script type="text/javascript">
    var dsSeasons = new Spry.Data.XMLDataSet("http://www.tvrage.com/feeds/episode_list.php?sid=21704", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
    var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
    dsSeasons.setColumnType("@no", "number");
    function airdate(region, lookupFunc) {
    var realdate = lookupFunc("dsEpisodes::airdate");
    var array = realdate.split('-');
    return array[2] + " - " + array[1] + " - " + array[0];
    function seasonnr(region, lookupFunc) {
    var nr = parseInt(lookupFunc("dsSeasons::@no"));
    if (nr < 10) { return "0" + nr; }
    else { return nr; }
    </script>
    <link href="_Assets/spry/SpryAccordion.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
    <div id="main">
        <h1>TV Show Title</h1>
        <div id="showInfo" spry:region="dsSeasons dsEpisodes" class="SpryHiddenRegion">
            <h2>Episode List</h2>
                <div id="eplist" class="Accordion">
                    <div spry:repeat="dsSeasons" class="AccordionPanel">
                        <h3 class="AccordionPanelTab">Season {@no}</h3>
                        <div class="AccordionPanelContent">
                            <table spry:repeatchildren="dsEpisodes">
                                <tr class="{dsEpisodes::ds_EvenOddRow}">
                                    <td><input name="seen" type="checkbox" value="1" /></td>
                                    <td>{function::seasonnr}<span class="ex">x</span>{dsEpisodes::seasonnum}</td>
                                    <td>{function::airdate}</td>
                                    <td><a href="{dsEpisodes::link}" target="_blank">{dsEpisodes::title}</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    var acc = new Spry.Widget.Accordion("eplist", { useFixedPanelHeights: false });
                </script>
            </div>
        </div>
    </div>
    </body>
    </html>
    Sorry, I don't have an online url for you, I'm still working locally.
    In the browser everything works fine, only when I preview in Adobe AIR the panels stop working.
    I hope you can figure it out and point me in the right direction.
    Thanks

Maybe you are looking for

  • How to invoke a html file in a new browser

    how to invoke a new html file to be opened from an applet any help urgent

  • How to configure my JMS QUEUE serve only one message at a time?

    Hi All, I have requirement where I need to develope a JMS QUEUE in weblogic. This MDB has to serve only one message at a time. Is there any way to configure via annotations or in weblogic server settings ? Any help would be really appreciated... Than

  • Need Help with Crystal viewer and ActiveX

    Hi !! I have a problem that i cant seem to be able to solve. I had alot of help from the forum but i think i got everything mixtup now... From my addon i can print with CrystalReport Viewer or i cant print a Crystal report directly to my default prin

  • Wifi keeps disconnecting, only at work

    I have a Macbook Pro Retina 13" and at work it keeps disconnecting from the router. I've tried a lot to try to fix it and there are certain conditions that apply (none of the fixes work): This ONLY happens at work and ONLY with my computer. There are

  • Disk needs to be repaired - which disc to use SL/Tiger?

    I've just done a verify disk, and it needs repairing.  It then asks you start up your computer with another disc - such as Mac Installation Disc - and then use Disk Utility to repair disk. What I'm not sure about is, do I use the disc for Snow Leopar