Close accordion spry when clicked

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

Hello all..
I have visited:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose
for help on how to close an accordion spry when it is
clicked. However, I don't want to have to have a link that says
close. Can anyone help with the javascript? (What goes where) I'm
new to javascript and any help would be appreciated. Thanks!

Similar Messages

  • Auto collapse a mobile accordion menu when clicking links to anchors on the same page

    I'm building a mobile site, with the accordion widget containing the a menu widget, pinned to the top (i added custom css to pin it to the top).
    its a single page site, so all the links are to anchors in the same page.
    how can I make the accordion close when clicking the links in the menu?

    You can try the suggestion mentioned here :
    http://stackoverflow.com/questions/21649839/make-accordion-close-on-second-click-jquery
    http://stackoverflow.com/questions/9260068/collapse-jquery-accordion-on-click
    Thanks,
    Sanjit

  • [Flex 4.5.1] DropDownController - how NOT to close drop down when clicked on? Example provided!

    http://www.nedyalkov.net/filip/flex_projects_tests/DropDownControllerTest/ - view source enabled
    When you click the button a drop down is shown. All I want to do is stop it from closing when you click on the drop down. I read a bit from the source code of the DropDownController and it seems like it should check if the mouse is clicked on the openButton or on the dropDown and if it is one of them keep the dropDown open if it's somewhere outside - close it. But in my case - when I click on the dropDown in closes itself... I tried to add it to the hitAreaAdditions... no luck the same problem.
    So the question is: How do I make the drop down NOT to close when clicked on?
    Please check my example and let me know what am I doing wrong... should be very simple but... thanks!

    First to correct my example - since I copied the code for the drop down from the dropDownListSkin it has includeIn="open" which causes my dropDown to be null when I set it to dropDownController.dropDown. To fix the example if you test it just remove the includeIn and autoDestructionPolicy lines.
    I believe I have found a bug in the DropDownController, would be nice if adobe employee confirms this or correct me if I am wrong.
    Here is the source function the code marked in red is with the issue:
    mx_internal function systemManager_mouseDownHandler(event:Event):void
            // stop here if mouse was down from being down on the open button
            if (mouseIsDown)
                mouseIsDown = false;
                return;
            if (!dropDown ||
                (dropDown &&
                 (event.target == dropDown
                 || (dropDown is DisplayObjectContainer &&
                     !DisplayObjectContainer(dropDown).contains(DisplayObject(event.target))))))
                if (hitAreaAdditions != null)
                    for (var i:int = 0;i<hitAreaAdditions.length;i++)
                        if (hitAreaAdditions[i] == event.target ||
                            ((hitAreaAdditions[i] is DisplayObjectContainer) && DisplayObjectContainer(hitAreaAdditions[i]).contains(event.target as DisplayObject)))
                            return;
                closeDropDown(true);
    I think these lines of code were ment to look like this (notice the black exclamation mark):
    (dropDown &&
                 (event.target != dropDown
                 || (dropDown is DisplayObjectContainer &&
                     !DisplayObjectContainer(dropDown).contains(DisplayObject(event.target)))))
    or like this (should be the same thing):
    dropDown && !(DisplayObjectContainer(dropDown).contains(DisplayObject(event.target))
    So this bug causes the drop down to close wherever you click when the event.target is the dropDown itself. Workarounds I guess are put another component in the drop down and "cover" the dropDown with it so it doesn't get any hits or use the hitAreaAdditions.
    Message was edited by: FM_Flame

  • Firefox frequently freezes. I can't click on anything (tabs, menu buttons, bookmarks, etc.) The only button that works is the upper right close button which when clicked will ask me if I want to "save & quit." Then I have to restart. Help fixing this?

    Frequently when I use Firefox it will all of a sudden freeze. It no longer will accept any user input from the keyboard or mouse. I cannot click on any of the open tabbed pages I have or on my bookmarks or any of the menu buttons. Nothing works. When it happens if it is loading a page it will just freeze in the middle of loading it. I've tried to see if the freezes are caused when it loads certain types of content (java, flash, etc...) but there seems to be no rhyme or reason as to when it happens or with what types of pages. I cannot find a pattern. The ONLY button that works is the close button in the upper right hand corner (X). I can click on that and then Firefox will prompt me with it's regular message asking me if I want to save and quit, quit, or cancel. I'll hit save and quit and then reopen Firefox. It opens my tabs and if I was in the middle of a post it generally will still remember the text I've typed (except Facebook!).
    It's beginning to drive me nuts and I'm really hoping to find a fix to this.

    You will also notice that your shift key will be emulated. Meaning that keys you will try to press will press but they will act like you are pressing the shift key when you are doing them.
    Try this, minimize the firefox window by pressing the tab on your taskbar. After doing that maximize it again. You will magically be able to click any link on your page. When you navigate to a new page however, the entire situation will start all over. My only remedy is rebooting and hoping it doesn't happen again soon.

  • Close Accordion panel by clicking on a button

    I'd like to have a button either in the Tab or Content to
    make the content panel close. What is a good way of doing it?
    Thanks!

    If you have constructed the widget the following way
    var acc = new Spry.Widget.Accordion('id',
    {useFixedPanelHeights:false});
    then you should add an onclick handler like
    onclick="acc.close()"
    The accordion then closes the active panel. The
    useFixedPanelHeights option is necessary.

  • How to close a session when user clicks Logout

    In my jsp page i create a session for every user's name.
    when particular user clicks logut without closing his personal page,
    the others can access his page.
    so, how to close a session when clicks logout link.?
    similarly when user gets signin one system,he will not be sigin in other system.but how can we achieve this?
    Thanks in Advance

    What is the name of the session variable that you are creating on login? When he clicks logout, set that session variable to null. Like session.setAttribute("userName",null); and check for non-null condition before proceeding with any functionality in your jsp's.
    What is the second question? You want to prevent duplicate logins from different systems? You would have to maintain a static datastructure like a HashMap for instance. Everytime a user logs in, put an entry into the HashMap...like userMap.put("userName","userName"); If an entry already exists, throw a message saying that user already logged in from another machine...

  • Programmatically Open and close panel accordion on button click

    Hi All,
    Im using JDev 11.1.1.4 and adf faces application.
    My requirement is to open/close panel accordion on button click programmatically.Kindly have a look at below figured one
    Panel accordion Open Button
    | ShowDetail1 //Consider first one is open inside close button is there to close this pane..
    |
    |
    |
    Close Button
    -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Show detail2 open button
    Show details3 open button
    Any idea...
    Thanks,

    Thanks Mr.frank...
    But disclosed property is to make the showdetail to disclose or not.. but requirement is to open panel accordion on button click
    By default using panel accordion have arrow icon in left to open in a same way if i open the second one, first will get close automatically...
    Actually is there any way to do the default process (open/close) programmatically...

  • I can not close firefox unless i click on "home" 1st. also it freezes when i try to print or edit bookmarks,ect... Anyone know how to fix?

    It runs ok but when i go to a page "like msn.com or facebook.com,ect..." I can not close or minimaze the browser to allow me to close i need to click the "home" button then i can close firefox.

    Do you have that problem when running in the Firefox SafeMode? <br />
    [http://support.mozilla.com/en-US/kb/Safe+Mode] <br />
    ''Don't select anything right now, just use "Continue in SafeMode."''
    If not, see this: <br />
    [http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes]

  • Windoe 7 Everytime when I close the brouwser by clicking on the x I get a message that a script on the page may be busy, or it maybe stopped responding. Continue or stop script. I never had this problem with XP Sincerely Wiliam email removed

    When I am done browsing I close the browser by clicking on the X. Since I use Window 7 I always get the message "A script on this page may be busy or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete"
    Script: chrome://bp/content/bp.js:857.
    If I continue it takes anywhere from 5 to 15 minutes to complete
    William <i><email removed - c></i>

    That will be due to an extension that is not working properly, possibly the Better Privacy extension. To test this, if you have Better Privacy installed try disabling it to see if the error stops appearing. To do that, in the Tools menu select Add-ons, then go to the Extensions panel, select Better Privacy in the list, then click on Disable. re-start Firefox to complete the process, then see if the error message appears.
    If you do not have Better Privacy installed, repeat this process with the other extensions until you find the culprit. First check any extensions with the initials bp.
    If it is Better Privacy, it should work with Firefox 3.6.13 on Windows 7. Make sure you have the latest version, also try uninstalling it and re-installing it, this may help if your version has become corrupted.

  • Google chrome install wont close when click the X

    google chrome install wont close when click the X . I dont know why but it is like the X is not there, ~I click in the X button and nothing happens in this browser, i am tlaking about the google site and the box in the uppper corner right,these happens since installed the new version of mozilla.

    Hello,
    Try disabling graphics hardware acceleration. Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
    You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
    Then perform these steps:
    *Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
    *In the Firefox options window click the ''Advanced'' tab, then select "General".
    *In the settings list, you should find the ''Use hardware acceleration when available'' checkbox. Uncheck this checkbox.
    *Now, restart Firefox and see if the problems persist.
    Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
    * [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]
    * [[Upgrade your graphics drivers to use hardware acceleration and WebGL]]
    Did this fix your problems? Please report back to us!
    Thank you.

  • Af:popUp close when click outside popup area, Jdev 12c

    Hi! I had a similar post a long time ago and it became archived due to lack of time from my part, it was never answered
    the problem is:
    1)Popup without dialog tag: closes when a click is made outside the popup area.
    2)Popup with a dialog tag:  doesn't close when clicked outside the popup area
    I'd like to be able to let the user close the popup(with dialog) when he/she clicks outside the popup area.
    Thanks!

    User, which jdev version do you use?
    Why don't you use the popup without the dialog then?
    Can't be too hard to put some buttons ontp the popup.
    Timo

  • Apps open then close when clicked

    Some of my apps open and then close real quick, unable to open at all, sometimes when I do an update ( of an unrelated app) then the programs will open when clicked? One of the apps are iBank. Any ideas.

    Buddy i am also  facing the same problem in my apple iphone4 i make try to sync all the apps through itune , and i think so that you solve your issue through this effort , just tell me after using this process

  • Spry Menu Bar - Freezing the Menu item in hover when clicking a submenu item

    Hi,
    I am trying to add a feature to a verticle spry menu bar that freezes the menu item or "parent" (to apear to be hovered) when clicking one of the parents sub-menu items. I want to do this so that users can know how they arrived at the page they're on.
    Thanks for your help,
    -Shiva

    To look at your intention in a different way,
    Hover over a submenu item
    Parent item is colored/indicated
    Submenu item is colored/indicated
    Click on the submenu item
    New page opens
    Parent item "remains" colored/indicated on the new page
    There are three or four ways to do this, depending on your site setup, but one basic concept to understand. The emphasis on the Parent menu item is totally independent of whether you got to the new page via the menu or by some other means. The emphasis will always be there, though it will appear to be connected to your clicking on the menu!
    Say you have a menu with two Parent menu items, flowers and trees.
    On the Flowers menu are submenus: Tulips, Roses, and Gardenias, On all three different Flowers pages (Tulips, Roses, Gardenias), the Flowers parent item will be emphasized.
    On the Trees menu are submenus: Oak, Maple, Spruce. On all three different Trees pages (Oak, Maple, Spruce), the Trees parent item will be emphasized.
    If you want to go in to each page individually, you can use a general indicator like id="localemphasis". (To emphasize more than one thing on a page, use a class instead of an id)
    Using this method, on the Tulips, Roses, and Gardenias pages, put id="localemphasis" on the Flowers parent menu item.
    On the Oak, Maple, and Spruce pages, put id="localemphasis" on the Trees parent menu item.
    To control the emphasis from the CSS stylesheet, you won't need to go into each page, but you will ID each parent menu item.
    Give each 'category' (Flowers, Trees) page a body ID to match the category
    Every Flower page wants the Flower parent menu item emphasized, give all three Flower pages a body tag like this: <body id="flowers">
    LIkewise, every Tree page wants the Tree parent menu item emphasized, as <body id="trees">
    Within the menu itself and on ALL pages, give each parent menu item an id to correspond to its category
    <li id="flowers_m">Flowers</li>
    <li id="trees_m">Trees</li>
              I have added a "_m" to remind myself that it is the menu item's id. You might need to put the id on the <a> link if you have not used a list for your menu.
    In your CSS stylesheet,
         #flowers #flowers_m,
         #trees #trees_m  {background-color: red; color: white;}
    Please use your own code! White on red might not be your cup of tea...use the same styling as the "hover" styling you mention in your query.
    To interpret what we have just done, we have said
         make the background-color red and the text white
    for the parent menu item Flowers (id="flowers_m") when you are on a Flowers page (body id="flowers")
    and for the parent item Trees (id="trees_m") when you are on a Trees page (body id="trees").
    This emphasis is good feedback for your user...remember that for SEO purposes, you will also want to use actual HTML text to reinforce the page environment, that is, h1 titles like FLOWERS and TREES. That will provide more feedback for your user.
    Beth

  • Buttons to open or close accordion panels

    I'm using an accordion widget and I would like to put a button or link at the bottom of each content panel, which says 'Continue'.  When clicked it should close that panel and open the next one.
    Could someone help me with the javascript to do this please?  I'm not very good!
    Many thanks.

    Have you seen this sample?
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#Programatic OpenAndClose

  • Toggle Accordion [Spry]

    Hi all,
    Hi,
    I was wondering if anyone knew how I can close an accordion
    panel by clicking on it. In more detail, when the user clicks the
    panel title, it opens it, i want it to close if they click the
    title again.
    I'm using Adobe's Spry framework.
    Any help would be great.
    -M

    Hi,
    to find out which Spry version do you have, open the
    SpryAccordion.css file or the SpryAccordion.js file and look at the
    beginning of these files. You should see there the Spry pre-release
    version.
    You probably have Spry 1.4 because this behavior works only
    on spry 1.5.
    An working sample you can find
    here.
    Diana

Maybe you are looking for

  • URGETNT: REGARDING Purchase Requsition Approval tables

    hi, I am making a report on purchase requsition and i have to display the details of which person has approved it and its date of approval. can anybody tell me which are the tables used in it to display it,example :- 1st Approval - Name of d person  

  • How does Adobe create a desktop icon when I open a web pdf document, and how can I get it to stop?

    I am finding a host of pdf file icons cluttering up the desktop when I exit the Web after researching a topic. I have saved some files with the 'save as' feature, but there is nothing else I have done. I have looked through the usual properties, opti

  • How to make an insertion point

    Sorry I'm new here... I have tried searching and looked through the tutorials but how do you make an insertion point using CS5?

  • ITunes Not Activating When 2.0 Phone Connected

    I've purchased a 3g phone and upgraded my original one to the 2.0 software for my wife. When I connect the original one now by usb to the computer iTunes does not automatically open, I have to manually open it and when I do the phone does show up in

  • Data Loading Problem R/3 To BI

    Hello Gurus. I am trying to load the data from R/3 To BI (Init Load) in SM37 Job is showing still "Scheduled" Morning 9.00 AM i start this Job Job name Like   ARFC: 8FF254142AB74A63F58003C4 but i have small doubt hear i loaded same data last week all