2012-03-26 4 views
1

Ich benutze jquery + jquerui in modx und das Akkordeon. Ich möchte ein horizontales Menü auf der Oberseite haben, wo ich zu dem Abschnitt springen (blättern) kann (der sich öffnet). Wie würde ich das erreichen? Im Moment sieht mein js wie folgt aus:jquery Akkordeon springen und offen für einen bestimmten Abschnitt

/ Accordion 
     $("#accordion").children("div").each(function() { 
       var a = $(this).find("a"); 
       var ref = $(a).attr("href"); 
       $(a).attr("href", "#"); 
      $(this).find("div").load(ref); 
     }); 

     $("#accordion").ajaxStop(function() { 
      $(this).accordion({ 
       header: "h2", 
       active: true, 
       collapsible: true, 
       clearStyle: true, 
       navigation: true 
      }); 
     }); 

EDIT: mein Akkordeon wird mit Wayfinder bauen:

[[Wayfinder? &startId=`6` &outerTpl=`outerTpl` &rowTpl=`rowTpl`]] 

rowTpl:

<div> 
     <h2><a href="[[+wf.link]]">[[+wf.title]]</a></h2> 
     <div> 
      <!-- placeholder for content --> 
    </div> 
</div> 

outerTpl:

<div id="accordion">[[+wf.wrapper]]</div> 

Das Topmenü (

[[Wayfinder? &startId=`6` &outerTpl=`QouterTpl` &rowTpl=`QrowTpl`]] 

QrowTpl:

<li[[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li> 

QouterTpl

<ul class="arrowunderline">[[+wf.wrapper]]</ul> 

Vielen Dank für

Hilfe

Antwort

4

Sie die activate method programmatisch ein Akkordeon-Panel verwenden öffnen horizontal) wird wie folgt aufgerufen.

Siehe this Geige für ein Beispiel.

+0

Dank das funktioniert! Als Referenz: QrowTpl sieht so aus:

  • [[+wf.linktext]]
  • Johannes

    2

    NB. aktivieren Methode ist veraltet seit jquery ui 1.9 und seit 1.10 entfernt. Weitere Informationen und Alternativen finden Sie unter here.

    1

    Verwendung dieses auf .ready Funktion

    $("#accordion").accordion('option', 'active' , 3); 
    

    3 = wollen, dass die Anzahl von bestimmten Abschnitt in Menü Sie es aktiv