Solved

Ajax Accordion - Collapse All as the Default state (or on MouseOut)?

Posted on 2009-07-03
3
914 Views
Last Modified: 2012-05-07
I am using Dreamweaver's Spry accordion.   I have the default state set so that no panes (only headers) are open by default.   I have modified the code so that the Panes open on the mousehover.  

What I am looking for is that after the cursor (focus) has left the Accordion, that it return to the default state of all panels collapsed.    

Basically, something like this in Javascript or CSS....

Accordion.Hover (lost focus).  Collapse all Panes.

Thanks for any direction.
0
Comment
Question by:rrowe68
  • 2
3 Comments
 
LVL 5

Accepted Solution

by:
8riaN earned 500 total points
ID: 24772957
You could use: onMouseOut = Accordian.closePanel();
0
 
LVL 5

Expert Comment

by:8riaN
ID: 24772962
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery Scroll To Top 5 38
Binding a Grid in Javascript 5 42
JavaScript to set default value on SharePoint form field 7 19
GET error with Font Awesome 3 14
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question