www.webdeveloper.com
Results 1 to 4 of 4

Thread: Help to find which CSS controls the active ul in accordion menu

Hybrid View

  1. #1
    Join Date
    Feb 2007
    Posts
    43

    Help to find which CSS controls the active ul in accordion menu

    I am working on a site that uses a vertical accordion menu. I have the menu close to what I would like except for two things:

    1) The active li (shed name) to have a blue background and arrow pointing down. (same as the rollover just a shade different in blue color)
    2) The active size of the shed to have a color change. (either text or background)

    I can't figure out what css I need to use to style this.
    Any and all help appreciated.

    I've tried looking/using several menus as reference - Currently its using
    Yup Another Jquery Accordion and parts of Net Tuts and http://www.queness.com/post/741/a-si...rdion-tutorial

    The page can be viewed here

    Not all pages are linked - so use Vinyl Northfield and Homestead as references.

  2. #2
    Join Date
    Mar 2007
    Location
    USA
    Posts
    449
    Hmm your accordion wasn't working for me when I visited the page it looks like the active ul class is acitem and the active link class is active so you need to do your targeting around those
    infinityspiral.com

  3. #3
    Join Date
    Feb 2007
    Posts
    43
    Hello infinityspiral - thank you. I have been able to successfully grab the right CSS - but now -- during final tweaks to the site -- I've messed up the functionality of the accordion. I am using Dreamweaver templates for all the subpages - and those subpages have something wrong with them. The accordion on the pages not templated are still working...however...when I review, everything still looks the same in the code. Would you mind taking a look and see if you can pick-out what I've changed in the sub=pages by accident? Its as if its not calling the jquery library?

    Working link: http://66.147.244.226/~shedscom/premiumsheds/index.html

    Example of subpage where accordion will open: http://66.147.244.226/~shedscom/prem...ield_vn86.html

    Thank you for your input and time.

  4. #4
    Join Date
    Mar 2007
    Location
    USA
    Posts
    449
    oh you've just got the scripts switched:
    <script type="text/javascript" src="../js/allwebscripts.js"></script><!-- Used for sfHover--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script><!--call jquery-->

    just make sure the jquery one gets loaded first and that should fix it
    infinityspiral.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles