title: Can I expand/collapse content of JQuery ui Accordion by click another elements too?
body: <p>By default, there are headers of contents to control expand/collapse.But in my situation,I could expand/collapse the contents by another elements ,too. For example:</p>
  
  <p>the basic structure of jquery ui accodion code:</p>
  
  <pre><code>&lt;script&gt;
      $(function() {
          $( "#accordion" ).accordion();
      });
      &lt;/script&gt;
  
  
  
  &lt;div class="demo"&gt;
  
  &lt;div id="accordion"&gt;
      &lt;h3&gt;&lt;a href="#"&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
      &lt;div&gt;
          &lt;p&gt;
          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
          &lt;/p&gt;
      &lt;/div&gt;
  ......
  &lt;/div&gt;
  </code></pre>
  
  <p>and now. I have another elements,just like :</p>
  
  <pre><code>&lt;ul id="another elements can expand/collapse too"&gt;
      &lt;li&gt;&lt;a href=""&gt;  expand/collapse contents of section1 of id=accordion too&lt;/a&gt;&lt;/li&gt;
  ........
  &lt;/ul&gt;
  </code></pre>
  
  <p>thank you very much!!</p>