Page 1 of 3 123 LastLast
Results 1 to 10 of 24

Thread: Accordion Apple Style, OnMouseOut collapse All

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Accordion Apple Style, OnMouseOut collapse All

    Apple style Accordion Menu

    http://www.dynamicdrive.com/dynamici...menu-apple.htm

    My problem is, that i want onMouseOut from the header (where the header is already expanded) that will collapse the Header or All Headers...

    i hope anybody can help me, please..

    p.s: sorry for my bad-english, im from germany.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    If you mean have the expanded header collapse when the mouse rolls out of it, even if into open space on the page, inside ddaccordion.js, try adding the lines in red to the existing code:

    Code:
    			else{
    				$(this).trigger("evt_accordion")
    				return false //cancel default click behavior
    			}
    		})
    		if (config.revealtype=="mouseenter"){
    			$('.'+config["headerclass"]).bind("mouseleave", function(){
    			ddaccordion.collapseone(config["headerclass"], parseInt($(this).attr("headerindex")))
    		})
    		}
    Or if you want, just use the modified ddaccordion.js file attached below instead.
    DD Admin

  3. #3
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hey, ddadmin, thats perfect... thank you very much.

    but i have a second problem "now", when i Mouseover the Header it will be expanded, thats okay, and wenn i mouseout that will be collapsed, thats perfect...

    but wenn i go with the mouse of the expanded DIV ("submenu", by apple style) that will be collapse it too, because the mouseover function, i think the mouseover function is only for the header,thats right?? hwo can i realize that, that if i mouseover also from the submenu, THAN will be collapsed...?

    i hope you or anybody understand my bad-english!? =) =(

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Ah yes. Try the below .js file then in place of what I posted above.
    DD Admin

  5. #5
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yeah, thats it. I thank you so much ddadmin.

  6. #6
    Join Date
    Aug 2008
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi ddadmin, I need something like zero3.... and can't quite figure it out.

    I need the content to reveal when mousing over the header and to hide when the user mouses out. However, there are links in the content so I need it to stay expanded (revealed) while the user is in the content area.

    So
    expand when mouse over header and content.
    Collapse when mouse goes out of header or content.

    English is my first language and I still have trouble explaining. I hope you understand and I sure thank you for any assistance. This is a great script!

  7. #7
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Actually blueginko, the 2nd attached file above should do this already.
    DD Admin

  8. #8
    Join Date
    Aug 2008
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I think did try that, but when I moved out of the header down into the content area, the content collapsed. Did I need to change the html as well? I've put back the original so that a manager could see the original way it but will (if I get chance) try again tonight. Otherwise it will be Monday, but I will definitely try it again.

    Thanks!!
    Blueginko

  9. #9
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Nope, no changes to the HTML should be required. Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  10. #10
    Join Date
    Aug 2008
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi, it's http://www2.creighton.edu/testing/m-...cultyandstaff/.

    mouse over the "BlueSuite" button on the upper right of the content area just below the weather.

    Thanks so much!!!!
    blue

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •