title: Jquery Mobile Events - Need Assistance with Panel and Collabsible Sets
body: <p>I have the following code where I am trying to find out how to use the events to close the collapsible sets in the panel whenever the panel closes. I have included an example in jfFiddle at the following link  <a href="http://jsfiddle.net/rLjBB/4/" rel="nofollow">http://jsfiddle.net/rLjBB/4/</a> as well as included the code below. I need some help on understanding how to approach the use of events using jQuery Mobile framework. I am a beginning when it comes to this library so any assistance would be appreciated.</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div data-role="page" id="MuseMain"&gt;
  
      &lt;div data-role="panel" id="leftmenupanel"&gt;
  
          &lt;div data-role="collapsible-set" data-collapsed="true"&gt;
              &lt;div  data-role="collapsible" data-theme="b" data-content-theme="d" &gt;
                  &lt;h3&gt;Overview&lt;/h3&gt;
                  &lt;p&gt;The overview provides what is normally seen on a book cover; the    name, author and description of the story.&lt;/p&gt;
                  &lt;a href="" data-role="button" data-mini="true" data-icon="edit" data-inline="true" data-theme="a"&gt;Edit&lt;/a&gt;
              &lt;/div&gt;
          &lt;div  data-role="collapsible" data-theme="b" data-content-theme="d" &gt;
              &lt;h3&gt;Chapters &amp; Scenes&lt;/h3&gt;
              &lt;p&gt;The chapters are where the details of the chapters are defined and the actual storyline scenes are created..&lt;/p&gt;
              &lt;a href="" data-role="button" data-mini="true" data-icon="edit" data-inline="true" data-theme="a"&gt;Edit&lt;/a&gt;
          &lt;/div&gt;
          &lt;div  data-role="collapsible" data-theme="b" data-content-theme="d" &gt;
              &lt;h3&gt;Characters&lt;/h3&gt;
              &lt;p&gt;The characters area is very detailed and allows the attributes to be defined, a detailed description, personality type, and relationships.&lt;/p&gt;
              &lt;a href="" data-role="button" data-mini="true" data-icon="edit" data-inline="true" data-theme="a"&gt;Edit&lt;/a&gt;
          &lt;/div&gt;
  
  
      &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- /panel --&gt;
  
  &lt;div data-role="header"&gt;
  
      &lt;a href="#leftmenupanel" id="changeIconValue" data-role="button" data-icon="bars" data-theme="b" data-inline="true"&gt;Menu&lt;/a&gt;
  
      &lt;h1&gt;Muse - A Writer's Assistant&lt;/h1&gt;
  
  &lt;/div&gt;
  
  &lt;div data-role="content"&gt;
  
      &lt;h2&gt;Page content&lt;/h2&gt;
      &lt;p&gt;Page content goes here.&lt;/p&gt;
  
  &lt;/div&gt;
  &lt;div data-role="footer"&gt;
      &lt;h1&gt;Design By IntelligentDesigns&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code> &lt;/body&gt;
  </code></pre>