SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist Sikwondo's Avatar
    Join Date
    Sep 2005
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mootools Accordion - Need some help!

    Hi Peeps,

    Was wondering whether you could help me, I am developing an accordion navigation and am a bit stuck.

    You can see it in its current state here: http://cmgtest.pelli.co.uk/business-relocations.php

    What I am struggling to find out is how to:

    a) Make the onhover states on the top level category links (ie Removals, Business Moves, Packing Materials) show a mouse over symbol when they hover over, to show the user they are links.

    b) How do I make it so that when a user clicks on 'Business Relocations' in Business Moves, the accordion displays the content within that part of the navigation? Currently it is always reverting to the Removals content, no matter what page the user is in.

    Any help is greatly appreciated.

    Thanks
    Si

  2. #2
    SitePoint Evangelist Sikwondo's Avatar
    Join Date
    Sep 2005
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does anybody have any ideas?

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,718
    Mentioned
    103 Post(s)
    Tagged
    4 Thread(s)
    You can use the following css declaration to show the hand when they hover over

    Code css:
    cursor: pointer;

    THe best way is to place in the body class a reference to the top-level category. Then you can either use css where required, or javascript to perform the needed behaviour.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Evangelist Sikwondo's Avatar
    Join Date
    Sep 2005
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    THe best way is to place in the body class a reference to the top-level category. Then you can either use css where required, or javascript to perform the needed behaviour.
    Is this a solution to point b? Sorry I am new to JavaScript. Could you explain a little further to point me in the right direction?

    Thank you for the css cursor... hadn't thought about that!


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
  •