title: jquery accordion jump and open to a specific section
body: <p>i use jquery + jquerui in modx and the accordion. I wan't to have a horizontal menu on the top where I can jump (scroll) to the section (which opens). How would I achieve this.
  Right now my js looks like this:</p>
  
  <pre><code>/ 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
              });
          });
  </code></pre>
  
  <p>EDIT: my accordion gets build with wayfinder:</p>
  
  <pre><code>[[Wayfinder? &amp;startId=`6` &amp;outerTpl=`outerTpl` &amp;rowTpl=`rowTpl`]]
  </code></pre>
  
  <p>rowTpl:</p>
  
  <pre><code>&lt;div&gt;
          &lt;h2&gt;&lt;a href="[[+wf.link]]"&gt;[[+wf.title]]&lt;/a&gt;&lt;/h2&gt;
          &lt;div&gt;
             &lt;!-- placeholder for content --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>outerTpl:</p>
  
  <pre><code>&lt;div id="accordion"&gt;[[+wf.wrapper]]&lt;/div&gt;
  </code></pre>
  
  <p>The topmenu (horizontal) gets called like this:</p>
  
  <pre><code>[[Wayfinder? &amp;startId=`6` &amp;outerTpl=`QouterTpl` &amp;rowTpl=`QrowTpl`]]
  </code></pre>
  
  <p>QrowTpl:</p>
  
  <pre><code>&lt;li[[+wf.id]][[+wf.classes]]&gt;&lt;a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]&gt;[[+wf.linktext]]&lt;/a&gt;[[+wf.wrapper]]&lt;/li&gt;
  </code></pre>
  
  <p>QouterTpl</p>
  
  <pre><code>&lt;ul class="arrowunderline"&gt;[[+wf.wrapper]]&lt;/ul&gt;
  </code></pre>
  
  <p>Thanks for help</p>