Results 1 to 6 of 6

Thread: Problem with Bullet List Accordion Menu script

  1. #1
    Join Date
    Jun 2015
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Problem with Bullet List Accordion Menu script

    1) Script Title: Bullet List Accordion Menu with nested levels

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu-bullet.htm

    3) Describe problem:

    Website address working on: http://houston-by-night.com/login.php

    The 1st level expand/hide works wonderfully, however I cannot get the nested level to expand/hide, they are all just listed like a regular menu. On this page, the nested level is under the menu "Venues", each venue's menu is supposed to be accordion as well and they just ALL show as open.

    I have tried in IE, Chrome and Firefox, but have not installed Opera or Safari on my system to try those, and it doesn't work in any browser.

    I was also wondering, if I can get the 2nd level accordion to work, is it possible to add a third and subsequent levels?

    Any help would be greatly appreciated! I'm pulling my hair out over here.
    Last edited by Savvannis; 06-10-2015 at 06:16 PM.

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

    Default

    There is error with your nested menu items' markup in that they are not properly nested:

    Code:
      <h3 class="menuheader expandable">Venues</h3>
      <ul class="categoryitems">
        <li><a href="http://houston-by-night.com/venues/#" class="subexpand"></a><img src="http://houston-by-night.com/imgs/MortalBar.jpg" /></li>
        <ul class="subcatitem" style="margin-left: 15px">
          <li><a href="http://houston-by-night.com/venues/#">Creation Rules</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Gangs</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Police</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Medical</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Media</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Setting</a></li>
        </ul>
    The nested UL should be wrapped inside the parent LI element (in red), so something like:

    Code:
      <h3 class="menuheader expandable">Venues</h3>
      <ul class="categoryitems">
        <li><a href="http://houston-by-night.com/venues/#" class="subexpand"></a><img src="http://houston-by-night.com/imgs/MortalBar.jpg" />
        <ul class="subcatitem" style="margin-left: 15px">
          <li><a href="http://houston-by-night.com/venues/#">Creation Rules</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Gangs</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Police</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Medical</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Media</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Setting</a></li>
        </ul>
        </li>
    Repeat this for all of your other nested ULs as well.
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    Savvannis (06-11-2015)

  4. #3
    Join Date
    Jun 2015
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Done... Still not working...

    I even moved the </a> to the end, after the image, so the image was linked... didn't work...

    Next idea?

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

    Default

    Ah ok I spot another problem, the name of your sub menu contents' class name in red:

    Code:
    <h3 class="menuheader expandable">Venues</h3>
      <ul class="categoryitems">
        <li><a href="http://houston-by-night.com/venues/#" class="subexpand"></a><img src="http://houston-by-night.com/imgs/MortalBar.jpg" />
        <ul class="subcatitem" style="margin-left: 15px">
          <li><a href="http://houston-by-night.com/venues/#">Creation Rules</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Gangs</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Police</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Medical</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Media</a></li>
          <li><a href="http://houston-by-night.com/venues/#">Setting</a></li>
        </ul>
        </li>
    It should be "subcatitems", or the name you specified in the initialization code.
    DD Admin

  6. The Following User Says Thank You to ddadmin For This Useful Post:

    Savvannis (06-11-2015)

  7. #5
    Join Date
    Jun 2015
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thank you! Thank you! Thank you!!! I must have been staring at that way too long for me to miss a single letter like that!! Thank you!!! If this system would let me click thank you a few more times I would! That was driving me CRAZY!!!!

  8. #6
    Join Date
    Jun 2015
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Ok, so adding another level should be as easy as just making sure the level is in the

    <script type="text/javascript">
    ddaccordion.init({ //top level headers initialization
    headerclass: "expandable", //Shared CSS class name of headers group that are expandable
    contentclass: "categoryitems", //Shared CSS class name of contents group
    revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

    portion of the page as

    <script type="text/javascript">
    ddaccordion.init({ //top level headers initialization
    headerclass: "newuniqidentifier", //Shared CSS class name of headers group that are expandable
    contentclass: "newuniqueidentifiersub", //Shared CSS class name of contents group

    revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"

    for each level that I need to add, then make sure the

    <h3 class="menuheader expandable">Venues</h3>
    <ul class="categoryitems">
    <li><img src="http://houston-by-night.com/imgs/MortalBar.jpg" class="subexpand" />
    <ul class="subcatitems" style="margin-left: 15px">
    <li><a href="http://houston-by-night.com/venues/#">Creation Rules</a></li>
    <li><a href="http://houston-by-night.com/venues/#" class="newuniqueidentifier">Setting</a>
    <ul class="newuniqueidentifiersub">
    <li><a href="link and stuff">link</li>
    </ul>
    </li>

    </ul>
    </li>

    all match... right? Did that make sense to you? It does to me... Crazy brain.
    Last edited by Savvannis; 06-11-2015 at 07:51 PM.

Similar Threads

  1. Problem with Bullet List Accordion Menu and IE
    By Or.troyaner in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-16-2010, 11:28 AM
  2. Bullet List Accordion Menu-Non Expandable items in list
    By taziq in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-14-2010, 09:04 PM
  3. Problem with styling header text in Bullet List Vertical Accordion Menu
    By fontanasteve in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-21-2010, 05:38 PM
  4. Bullet list Accordion Menu
    By sailorkid in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-13-2009, 06:09 PM
  5. Bullet List Accordion Menu problem with adapting to my links
    By DrZooo in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 07-24-2008, 09:06 PM

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
  •