Accordion Panel issue?

I am trying to rearrange the order of my accordion  pannels but can't seem to change the stacking order by dragging one panel above the other. Well I should say I can do it but not to the very top ie: panel 3 created but now I want it in the panel 1 spot. Any work arounds or suggestoins.
Thanks

Well, I went into my site and discovered I "worked around" that issue. So, I don't feel like messing with the accordion panel as it has 8 seperate panels and it took me a very long time to redo (alot of typing) it. If I messed it up or crashed.... I would not be a happy camper. Anyhow thanks for the response. If I create a new one I will check it out.
Thanks,
Ed

Similar Messages

  • MyFaces Accordion Panel issue

    I have implemented a Accordion Panel as given in example under Sandboxes under MyFaces. The problem faced by me is that i am trying to put 2 text boxes within <t:paneltab> under accordion panel tag. The 2 text boxes are appearing horizontally next to each other . I want them to appear vertically one below another...I have tried using <tr><td> but it does not work....please help me out

    Well, I went into my site and discovered I "worked around" that issue. So, I don't feel like messing with the accordion panel as it has 8 seperate panels and it took me a very long time to redo (alot of typing) it. If I messed it up or crashed.... I would not be a happy camper. Anyhow thanks for the response. If I create a new one I will check it out.
    Thanks,
    Ed

  • Strange issue with Spry Accordion Panels

    Hi, I'm having some strange issues with the Spry Accordion
    Panels.
    Here is the page:
    http://www.bellaclientcenter.com/browncollege/aboutus.html
    For some reason when I preview this message it adds extra
    characters to the url above, so just delete those off to see the
    correct url.
    The only browser this does NOT happen in is safari, I'm
    seeing it all of my other browsers. You'll notice when you first
    load up the page, you'll see that the active panel header
    background is green, and the non active is a dark grey. But when
    you click one of the other panels they all turn a strange neon blue
    color. This is very apparent in firefox.
    Any thoughts on this? I've attached the spry css code in case
    the problem is there.
    thanks so much!!
    Jeff

    That is because your page is currently invalid. And renders in IE quirksmode..
    <base href="http://www.industrialwebsearch.com/">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    So make sure your page is valid, and the animations will go smooth in ie

  • 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

  • Spry Accordion Image Issue

    I have inserted a Spry Accordion in Dreamweaver CS5, however, I'm having issues with the viewing of the tabs on load, on hover, etc. I want a dark blue tab on load, have it change to a wavy red white tab, and when opened go to a dark blue tab with a star. I can never get this to work as I want. I've checked the image files and they are labeled correctly. The test site is www.sbcvote.us/index_spry.html
    I am a novice, and really have a hard time on this issue, that no doubt is not that complicated to those that know.
    Thank you in advance for your help.
    On my index page I have the css page reference.
    <link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    the css code is:
    .AccordionPanelTab {
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    font:Verdana, Geneva, sans-serif;
    color:#FFF;
    font-weight:bold;
    background:(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* 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 {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: 200px;
    background-color:#EEE;
    /* 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:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* 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 {
    background:url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
    .AccordionPanelOpen .AccordionPanelTabHover {
    background: url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
    /* 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:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* 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:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* Rules for Printing */
    @media print {
      .Accordion {
      overflow: visible !important;
      .AccordionPanelContent {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    background-color: #EEE;

    Thank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
    the files are under:
    images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
    Thank you so much, I do greatly appreciate your kind help.
    the other one is
    The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
    Thanks again for helping an newbie, I appreciate it.

  • Problem with Accordion Panels

    Hi
    I have an issue with Accordion Panels.
    http://characteraday.businesscatalyst.com/guided.html
    You can see in the link above that I have Accordion Panels on the right side that say open/close tip. The first one open and close and displays the tip. All the others do the same but when they open then push the one under it down. The first one does not do this and I like this a lot better. Any ideas how to make them all work the way the first one "Enter the Character's name" works.
    Thanks for your time.

    Modify the following line by adding the mark-up coloured red.
                      <div class="AccordionPanelContent"><span class="CollapsiblePanelContent"><img src="productimages/tinyimages/doorkitseat.jpg" width="50" height="50">The <strong>Door Insert Kit</strong> is a bathtub conversion kit. By   removing a portion of the bathtub wall and inserting a door, an existing bathtub becomes accessible, retaining its use a a bathtub. <em><a href="doorkitandseat.html"><strong>More</strong></a></em></span></div>
    I hope this helps.
    Ben

  • Trouble with accordion panel

    I'm trying to put an accordion panel in a page of the website i'm creating but i've a weird problem.
    First of all, this is the link of the page
    http://wwwipiniriolotermeit01.businesscatalyst.com/menù.html
    As you can see, when i choose one of the option of the panel, the background begin to shake.
    Of course i've tried with other panels, included muse's widget but the results is the same.
    Can someone help me to resolve this issue?
    Thanks in advance.

    Thank you very much again.
    Last time i've uncheck only the element of the master page's footer not the
    entire "menu" page from the menù.
    Now, as you say, the jittering is disappear.
    Regards
    Luca
    2014-03-07 16:18 GMT+01:00 Aishvarya Raj Rastogi <[email protected]>:
        Re: Trouble with accordion panel  created by Aishvarya Raj Rastogi<http://forums.adobe.com/people/aishvarya+rastogi>in *Help
    with using Adobe Muse CC* - View the full discussion<http://forums.adobe.com/message/6188378#6188378

  • Spry Accordion Panels view incorrect in IE8

    I have a page set up using both spry menu and spry accordion panels. The problem is that in FireFox and Chrome, the pages view as they should. However, in IE, the panels on the accordion spread and are open, it doesn't view as it should. The test page is here www.sbcvote.us/index1.html the source code is below. My initial guess is that I have an open or not closed tag somewhere?
    <!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>Joe Paul Gonzalez San Benito County Clerk-Auditor-Recorder-Registrar of Voters</title>
    <meta name="keywords" content="Joe Paul Gonzalez, San Benito County, Clerk, Auditor, Recorder, Registrar of Voters, fppc form 460, reconveyance deed, deed of reconveyance, reconveyance, homepage, mechanics lien release, quit claim deed form, release of mechinics lien, form, san, reconveyance, county, deed, 460, california, fppc, nacimiento, trust, elections, ca, solictud, certifacadas, reporting, statements, nominees, handbook, contribution, joe, paul, gonzalez" />
    <meta name="description" content="Joe Paul Gonzalez San Benito County Clerk-Auditor-Recorder-Registrar of Voters" />
    <link href="scripts/style.css" rel="stylesheet" type="text/css" />
    <script src="/SpryAssets/menu/SpryMenuBar.js" type="text/javascript"></script>
    <script src="/SpryAssets/accordion/SpryAccordion.js" type="text/javascript"></script>
    <link href="/SpryAssets/menu/SpryMenuBarHorizontal_sbcvote.css" rel="stylesheet" type="text/css" />
    <link href="/SpryAssets/accordion/SpryAccordion_sbcvote.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
    function clearText(field)
        if (field.defaultValue == field.value) field.value = '';
        else if (field.value == '') field.value = field.defaultValue;
    </script>
    </head>
    <body>
    <div id="wrapper">
        <div id="header"><!-- end of site_title -->
          <div id="header_right">
                <ul id="header_button">
                    <li><a href="#"><img src="images/home.jpg" alt="home" /></a></li>
                    <li><a href="#"><img src="images/contact.jpg" alt="contact us" /></a></li>
                </ul>
                <div class="cleaner"></div>
                <form action="#" method="get">
                    <input type="text" value="Enter a keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                    <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
                </form>
          </div>
        </div> <!-- end of header -->
        <div id="banner">
        <div id="banner_box">
            <ul>
            <li><a href="clerk.htm" ><span class="current"></span><img src="images/countyClerk.jpg" alt="San Benito County Clerk" /></a></li>
                <li><a href="auditor.htm"><span></span><img src="images/countyAuditor.jpg" alt="San Benito County Auditor" /></a></li>
                <li><a href="recorder.htm"><span></span><img src="images/countyRecorder.jpg" alt="San Benito County Recorder" /></a></li>
                <li><a href="http://results.sbcvote.us" target="_new"><span></span><img src="images/coRegistrar_results.jpg" alt="" /></a></li>
            </ul>
            </div>
        </div> <!-- end of banner -->
        <div id="menu">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="index.html">Home</a>
              <ul>
                <li><a href="#">Item 1.1</a></li>
                <li><a href="#">Item 1.2</a></li>
                <li><a href="#">Item 1.3</a></li>
              </ul>
            </li>
            <li><a href="registrar/candidateinfo.htm" class="MenuBarItemSubmenu">Candidate Info</a>
              <ul>
                <li><a href="candidate_forms_manuals.htm">Forms &amp; Manuals</a></li>
                <li><a href="pdf/forms/registrar/candidates/2010CandidateHandbook.pdf">2010 Candidate Handbook</a></li>
                <li><a href="registrar/form460.htm" class="MenuBarItemSubmenu">FPPC 460s</a>
                  <ul>
                    <li><a href="registrar/form460_all.htm">Candidate Form 460s</a></li>
                    <li><a href="registrar/2010_form460.htm">2010 Candidate 460 Forms</a></li>
                    <li><a href="registrar/2009_form460.htm">2009 Candidate 460 Form</a></li>
                    <li><a href="registrar/2008_form460.htm">2008 Candidate 460 Form</a></li>
                    <li><a href="registrar/2007_form460.htm">2007 Candidate 460 Form</a></li>
                  </ul>
                </li>
                <li><a href="candidate_reporting.htm">Reporting</a></li>
              </ul>
            </li>
            <li><a class="MenuBarItemSubmenu" href="registrar/votebymail.htm">Vote-By-Mail</a>
              <ul>
                <li><a class="MenuBarItemSubmenu" href="overseasvoting.htm">Overseas Voting</a>
                  <ul>
                    <li><a href="pdf/forms/registrar/votebymail/oversees_votebymail_request.pdf">Overseas Vote-By-Mail Request</a></li>
                    <li><a href="pdf/forms/registrar/votebymail/guide_military_overseas.pdf">Guide Military Overseas</a></li>
                    <li><a href="#">Untitled Item</a></li>
                  </ul>
                </li>
                <li><a href="mailvotestatus.htm">Ballot Status</a></li>
                <li><a href="pdf/forms/registrar/votebymail/votebymail_app_gen_eng.pdf">Application </a></li>
                <li><a href="pdf/forms/registrar/votebymail/votebymail_app_gen_SPAN.pdf"> Espa&ntilde;ol</a></li>
              </ul>
            </li>
            <li><a href="/registrar/registration.htm" class="MenuBarItemSubmenu">Register to Vote</a>
              <ul>
                <li><a href="registrar/national_vrc_notice.htm">Form English</a></li>
                <li><a href="http://www.sbcvote.us/registrar/national_vrc_notice_sp.htm">Espa&ntilde;ol</a></li>
                <li><a href="registrar/statement_distribution.htm">Distribution</a></li>
              </ul>
            </li>
            <li><a href="registrar/pollworker.htm" class="MenuBarItemSubmenu">Pollworker</a>
              <ul>
                <li><a href="registrar/pollworker.htm">Become a Pollworker</a></li>
                <li><a href="registrar/pollworker.htm#student">Students</a></li>
                <li><a href="registrar/pollworker.htm#student">State Employees</a></li>
              </ul>
            </li>
            <li><a href="registrar/hava_faqs.htm" class="MenuBarItemSubmenu">HAVA</a>
              <ul>
                <li><a href="registrar/hava_complaint_procedure.htm">Complaint Procedure</a></li>
                <li><a href="registrar/hava_compliancemanual.htm">Compliance Manual</a></li>
              </ul>
            </li>
    </ul>
    </div> <!-- end of menu -->
        <div id="content_wrapper">
        <div id="left_sidebar">
            <div class="box">
                <h2><span></span>Click on a Tab for Info</h2>
                    <div class="body">
                        <ul class="side_menu">
                          <li>
                            <div id="Accordion1" class="Accordion" tabindex="0">
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Vote-By-Mail (VBM)</div>
                                <div class="AccordionPanelContent"><a href="/registrar/votebymail.htm">Vote-By-Mail Voting</a><a href="/pdf/forms/registrar/votebymail/overseas_votebymail_request.pdf">Overseas VBM Request</a>
                                  <a href="/pdf/forms/registrar/votebymail/VBM_Application.pdf">Application for Permanent VBM </a><a href="/pdf/forms/registrar/votebymail/guide_military_overseas.pdf">Guide to Military Voting</a>
                                  <a href="/pdf/forms/registrar/votebymail/votebymail_app_general_county_fill.pdf">Application VBM General Election</a><a href="/registrar/mailvotestatus.htm">Did My VBM Ballot Get Counted?</a><br />
                                    <br />
                                  <br />
    </div>
                              </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Voto Por Correo</div>
                                <div class="AccordionPanelContent"><a href="/registrar/spanish/voto.por.correro.html">Voto Por Correro</a><a href="/registrar/spanish/overseasvoting.SPAN.html">Votante Información Extranjero</a><a href="/registrar/mailvotestatus.htm">Cheque se recibimos su voto por correro</a> <a href="/pdf/forms/registrar/votebymail/VBM_ApplicationSPAN.pdf">Solicitud de Balota de Votación por correo en California</a></div>
                              </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Voter Information</div>
                                <div class="AccordionPanelContent"> <a href="/registrar/national_vrc_notice.htm">Register to Vote</a>
                                  <a href="http://www.voterguide.sos.ca.gov/pdf/english/" target="_new">Voter Information Guide Nov 2010</a>
                                  <a href="/pdf/forms/registrar/register/YourRightToVote_ENG.pdf">Your Right to Vote</a>                              <a href="/pdf/forms/registrar/register/eng-list-of-certified-candidates11.10.pdf">Certified Candidates Nov 2010</a>
                                  <a href="/pdf/forms/registrar/register/TimeOfftoVote_ENG.pdf">Time Off to Vote </a><br />
                                  <br />
                                </div>
                              </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Votante Informaci&oacute;n</div>
                                <div class="AccordionPanelContent"> <a href="/pdf/forms/registrar/register/Guide_Voting_SPAN.pdf" target="_new">Gu&iacute;a para Votar</a> <a href="/registrar/national_vrc_notice_sp.htm">Insc&iacute;ibase para Votar</a> <a href="/pdf/forms/registrar/register/Voter-bill-of-rights.SPAN.pdf">Declaración  derechos de  Votantes</a> <a href="/pdf/forms/registrar/register/spanish-vig-nov-2010.pdf">Gu&iacute;a Oficial  Informaci&oacute;n Nov 2010</a> <a href="/pdf/forms/registrar/register/spanish-list-of-certified-candidates11.10.pdf">Lista Candaditos Certificados 2010 </a><a href="/pdf/forms/registrar/register/TimeOfftoVote_SPAN.pdf">Tiempo Libre Para Votar</a></div>
                              </div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">For the Candidates</div>
                                <div class="AccordionPanelContent">Blank 460 Forms<br />
                                  Candidates 460 Forms Index<br />
                                2010 Candidate Handbook<br />
                                2010 Calendar </div>
                            </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Nov 2, 2010 Election</div>
                                <div class="AccordionPanelContent">Election Results Page<br />
                                  Canvass of the Vote
                                    <br />
                                    Vote-By-Mail Ballot Look up<br />
                                    State Vote Pamphlet<br />
                                    Sample Ballot Statewide
                                </div>
                              </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Label 7</div>
                                <div class="AccordionPanelContent">Content 7</div>
                              </div>
                              <div class="AccordionPanel">
                                <div class="AccordionPanelTab">Label 8</div>
                                <div class="AccordionPanelContent">Content 8</div>
                              </div>
                            </div>
                          </li>
                            <li> <a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Donec bibendum semper</a></li>
                            <li><a href="#">Proin tincidunt dapibus</a></li>
                            <li><a href="#">Nulla consequat</a></li>
                            <li><a href="#">In enim justo</a></li>
                            <li><a href="#">Aenean vulputate</a></li>
                            <li><a href="#">Etiam ultricies</a></li>
                            <li><a href="#">Nullam vehicula egestas </a></li>             
                        </ul>
    </div>
                <div class="box_bottom"><span></span></div>
                </div>
                <div class="box">
                <h2><span></span>Our Departments</h2>
                    <div class="body">
              <ul class="side_menu">
                            <li><a href="clerk.html">County Clerk</a></li>
                            <li><a href="auditor.html">County Auditor</a></li>
                            <li><a href="recorder.html">County Recorder</a></li>
                            <li><a href="index.html">Registrar of Voters</a></li>
                            <li><a href="http://results.sbcvote.us" target="_new">Election Results</a></li>
                            <li></li>
                            <li></li>
                            <li></li>
    </ul>
                    </div>
                <div class="box_bottom"><span></span></div>
                </div>
            </div> <!-- end of left_sidebar -->
            <div id="content">
    <div class="box">
                <h2><span></span>Welcome to the San Benito County Registrar of Voters</h2>
                    <div class="body">
                        <p> Welcome to our new and updated website for the County of San Benito Clerk-Auditor-Recorder- Registrar of Voters. </p>
                  </div>
                <div class="box_bottom"><span></span></div>
                </div>
                <div class="box">
                <h2><span></span>News and Updates</h2>
                    <div class="body">
                        <div class="news_box">
                          <h3><a href="http://results.sbcvote.us" target="_new">November 2, 2010 Election Results</a></h3>
                            <p>Up to the minute election results for San Benito County will be uploaded to our website at the close of the polls on Tuesday, November 2, 2010 at<a href="http://results.sbcvote.us" target="_new"> http://results.sbcvote.us.</a></p>
                          <div class="cleaner"></div>
                      </div>
                  <div class="news_box">
                    <h3><a href="registrar/mailvotestatus.htm">Vote-By-Mail Ballots</a>
                    </h3>
                    <p>Verify that your Vote-By-Mail Ballot has been received <a href="/registrar/mailvotestatus.htm">here.</a> To insure that your vote is counted, drop off your VBM ballot to our offices on the second floor of the courthouse building room 406 BEFORE Tuesday, Nov. 2, 2010.</p>
                        <div class="cleaner"></div>
                    </div>
                  <div class="news_box">
                        <a href="#"><img class="news_image" src="images/image_08.jpg" alt="image" /></a>
                   <h3><a href="#">Auditor's Department</a></h3>
                        <p> Praesent rhoncus faucibus nibh, non molestie lectus sagittis sed. Praesent ac sem lectus. Cras molestie elit sit amet velit tincidunt imperdiet. Mauris nulla purus.</p>
                    <div class="cleaner"></div>
                    </div>
                    <div class="more float_r"><a href="#">View All</a></div>
                    <div class="cleaner"></div>
                    </div>
                <div class="box_bottom"><span></span></div>
                </div>
            </div> <!-- end of content -->
           <div id="right_sidebar">
            <div class="box">
                <h2 align="center"><span></span>Joe Paul Gonzalez</h2>
                    <div class="body">
                      <ul class="side_menu">
                            <li></li>
                            <li></li>
                            <li><img src="images/joepaul_new.jpg" width="207" height="262" alt="joe paul gonzalez" /></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li><a href="#">County Clerk-Auditor-Recorder</a></li>                   
                      </ul>
                  </div>
                <div class="box_bottom"><span></span></div>
                </div>
                <div class="sidebar_box">
          <a href="http://results.sbcvote.us" target="_new"><img src="images/results.jpg" alt="Election Results" /></a>            </div>
                <div class="sidebar_box">
                <a href="#"><img src="" alt="City Zoo" /></a>            </div>
          </div> <!-- end of right_sidebar -->
            <div class="cleaner"></div>
        </div> <!-- end of content_wrapper -->
    </div> <!-- end of wrapper -->
    <div id="footer_wrapper">
    <div id="footer">
            <ul class="footer_menu">
            <li><a href="#">Homepage</a></li>
                <li><a href="#">Site Map</a>
                </li>
                <li><a href="#">Clerk</a>
                </li>
                <li><a href="#">Auditor</a></li>
                <li><a href="#">Recorder</a></li>
                <li><a href="#">Registrar of Voters</a></li>
                <li><a href="#">Election Results</a></li>
                <li><a href="#">Forms</a></li>
                <li class="last_menu"><a href="#">Contact</a></li>
            </ul>
            Copyright © 2010 <a href="http://www.netwidesales.com" target="_new">NetWideSales</a> |
            <a href="http://www.netwidesales.com" target="_new">Designed by Irma C. Gonzalez</a> |
        <a href="http://www.joepaulgonzalez.com" target="_new">Joe Paul Gonzalez</a> </div> <!-- end of footer -->
    </div> <!-- end of footer_wrapper -->
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/images/menubar/SpryMenuBarDownHover.gif", imgRight:"/images/menubar/SpryMenuBarRightHover.gif"});
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>
    I appreciate any help here, it really doesn't make sense to me, it did work for a few viewing in IE and I must have changed something by mistake?
    Thanks again.

    I added a set width to the accordion css and that solved the problem of the widget running across the page. The IE issue appears to be an ongoing issue with IE. If a viewer has IE8, then hitting the compatibility button on the menu bar will solve the viewing problem. If not, it doesn't view correctly. It views fine on other browsers (Chrome, etc). Problem is how many people will know to hit the compatibility button?
    Thank you for your help, I appreciate the time taken.

  • Prevent lower text from moving when accordion panels open

    I tried out the Accordion Panel from Project Seven which is
    really nice and works well. My only issue right now is that I would
    like to prevent the rest of the text outside and below this widget
    within the same column from moving. When any panel opens it causes
    the contents of the entire column to shift down thus causing the
    page to shift down as well.
    I have tried using a new div for the content below the panels
    and also a new table below but can't seem to figure out how to keep
    the content from shifting. Curently I have a table cell nested and
    have tried with CSS to keep it from moving but that is not working
    either.
    Thanks in advance for any help with this.
    Here is the code for the column in question:

    no takers on this one? Does anyone know how I could fix this
    with divs? Is it possible to put this accordion into a separate div
    and create another below it that would not move? Like on the new
    apple site...They have some really awesome accordion style navs on
    the sides that do not throw the rest of the page off when they open
    or close.
    Thanks.

  • Allow accordion panels to open in more directions.

    ...to be able to have accordion panels that open upward to push page content down and 'reveal' content that appears to exist above the main load page.
    Or have panels also open to the left or right for stylistic choices.

    Totally agree...
    I am trying to use an accordian to add news stories chronologically... so the latest story has to be on top... currently clicking + at the bottom then dragging the new accordian element to the top... also I would like to facility to "dim" the other stories...
    Some issues too in applying format universally... not sure that graphic styles is working right for me

  • Accordion panels open when website launches

    All my accordion panels appear open for a second before my page completely loads. I have tried to find fixes in the forum but the only one that I have found is to use  SpryAccordion.js - version 0.15 - Spry Pre-Release 1.6.1...I am already using this version and I am still having the issue. It appears to work fine with firefox but I have the issue in IE8. I am quit the novice with web design, any help anyone can give woyld be greatly appreciated.
    Here in the link to my site http://www.fcps.edu/southcountyss/

    There is a whole heap of stuff between rendering the markup for the accordion and creating an instance of the accordion.
    To eliminate the pause between render and instance, move the accordion constructor to just below the table that holds the accordion as in
                    <!-- ............. rest of markup -->
                    Student Services (MS):
                    703-446-1640<br />
                    Student Services (MS):                703-446-1630<br />
                    </p>
    </div>
                </div>
              </div></td>
          </tr>
        </table>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    Don't forget to remove the constructor from the bottom of the document.
    Gramps

  • 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 ==--

  • 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

  • Slideshow Image Order of Go AND Problem with Sizing an Accordion Panel

    SLIDESHOW Is there a way to set the start, middle, and end in a slideshow? I have tried arranging the position of the triggers (nothing happened); and moving the targets in the layers panel (again, nothing happened). I would like the slideshow to begin and end with specific slides.
    ACCORDION PANEL Will not allow me to size it smaller than 962 pixels. The content area of the accordion panel is filled with one slide show per panel or tab, and I've checked all of the elements within the slideshow to make sure nothing exceeds 960 pixels. Nothing I can find exceeds 960 pixels, but when I remove all the elements from the content area, BOOM, I can make the panel any width I want.

    Slide show sorting:
    No, Mylenium, you are definitly wrong, You can choose any image order you want within slideshows:
    1. Make thumbnail temporarily visible and drag the thumnail to the position you want.
    or
    2. Identify the slides in layers panel and drag their panel entries to the position you want.
    Accordion panel:
    You can choose whatever size you want – even with a slideshow within:
    You have to make sure, that all element of the slideshow (caption, prev, next, counter) fit within the accordion panel. And – since the single accordeon panels don’t allow individual sizes – you have to make sure, that the content of every(!) accordeon panel does not exceed the size you want.

Maybe you are looking for