Vorhandenes Megamenue duplizieren oder erweitern

[Jürgen]

Hallo zusammen,

ich habe ein Megamenue im Shop (ursprünglich umgesetzt von h-h-h)

Dieses würde ich jetzt gerne duplizieren oder erweitern.

Aktuell hat es einen "Link" der bei hover das Menue einblendet.
Jetzt hätte ich gerne einen zweiten Link für ein zweites eigenständiges Menue eingebaut.

im template ordner gibt es eine datei die den html Code des Menues enthält, der in der index geladen wird und in der general_bottom_js gibt es für das Menue folgenden Code

Code: Javascript  [Auswählen]

/******************************************************************************/
  var md_link = 0, md_cont = 0, md_delay = 100, md_timer;
  var $md_link = $('ul.contentnavigation li.stitle + li'),
      $md_cont = $('#megadropdown');

  $md_link.mouseenter(function() {
        if (md_link) return;
        if (md_cont) md_link = 1;
        md_timer = setTimeout(function(){
          mdActionOpen();
          md_link = 1;
        }, md_delay);
      }).mouseleave(function() {
        md_link = 0;
        clearTimeout(md_timer);
        setTimeout(function(){
          if (!md_cont) mdActionClose();
        }, 100);
      });

  $md_cont.mouseenter(function() {
        md_cont = 1;
      })
      .mouseleave(function() {
        setTimeout(function(){
          if (!md_link) mdActionClose();
        }, 100);
      });

  function mdActionOpen() {
    $md_link.addClass('current').siblings('.current').removeClass('current');
    $md_cont.removeClass('hidden');
  }
  function mdActionClose() {
    $md_link.removeClass('current').siblings('.currently').removeClass('currently').addClass('current');
    $md_cont.addClass('hidden');
    md_link = md_cont = 0;
  }
  $('#cover').on('click', function (e) {
      e.preventDefault();
      $('ul.contentnavigation li.stitle + li').removeClass('current').siblings('.currently').removeClass('currently').addClass('current');
      $('#megadropdown').addClass('hidden');
  });
  $('.cn_nomobile:not(.xm)').mouseenter(function() {
      $(this).siblings('.current').removeClass('current');
  }).mouseleave(function() {
      $(this).siblings('.currently').removeClass('currently').addClass('current');
  });
 
/******************************************************************************/

#megadropdown' ist die umschliessende ID des Menues aus der eingebundenen Datei für das Megamenue.

In der Index wird das Menue mit MEGAMENUE ein/ausgeblendet (megadropdown2 wäre mein 2tes Menue)

Code: XML  [Auswählen]

<ul class="contentnavigation">    
      <li class="cn_nomobile xm"><a href="#">megadropdown</a></li>
                 <li class="cn_nomobile xm"><a href="#">megadropdown2</a></li>  
    </ul>

Im JS Code wird

Code: Javascript  [Auswählen]

$md_cont = $('#megadropdown');

definiert, wobei #megadropdown' die ID des Menues aus der eingebundenen Datei für das Megamenue ist.

Jetzt habe ich die Datei mit dem eigentlichen Megamenue dupliziert entsprechend umbenannt etc. und in der index auch eingebunden.

Bekomme das aber nicht zum laufen......dass bei dem div mit der ID megadropdown2 der JS Code funktioniert

Wie muss ich den JS Code anpassen damit das funktioniert mit einem zusätzlichen link?

Danke für Tips/Hilfe

Gruß Jürgen

Linkback: https://www.modified-shop.org/forum/index.php?topic=42645.0

[Jürgen]

OK,

Gedanklich einen Schritt weiter...

Der Code in der Index lautet

Code: XML  [Auswählen]

<ul class="contentnavigation">    
<li class="stitle"><a href="#">shopname</a></li>
      <li class="cn_nomobile xm"><a href="#">megadropdown</a></li>
                 <li class="cn_nomobile xm"><a href="#">megadropdown2</a></li>  
    </ul>
 

Und im js code steht

Code: Javascript  [Auswählen]

var $md_link = $('ul.contentnavigation li.stitle + li'),
 

Ist das dann das erste li nach dem li der Klasse stitle?

Gruß Jürgen