title: I want to make each and every link active when user clicks on it in accordion .bt i have no any idea for this.plz help me
body: <p><a href="http://i.stack.imgur.com/thmDM.png" rel="nofollow">here  is a image of coding
  </a>
  here  i have a jquery code and html code.i have external css also.i have a problem for making active feed,medicine,eggs,birds and summary item.i want also to make active every pages of sub item of given above item. </p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $( "#accordion" ).accordion({
        collapsible: true,
        active:false,
        heightStyle:""
      });
    });
    &lt;/script&gt;
  
  &lt;div class="sidebar"&gt;
    &lt;div id="icon-bar"&gt;
  
      &lt;a class="active" href="startpage.php"&gt;Home&lt;/a&gt;
      &lt;div id="accordion"&gt;
  
        &lt;a  class="" href="#"&gt;Feed&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  
          &lt;div id="feeditem"&gt; 
            &lt;a href="feed_purchase.php" &gt;Feed-Purchase&lt;/a&gt;
            &lt;a href="feed_consumption.php"&gt;Feed-Consumption&lt;/a&gt;
            &lt;a href="feed_stock.php"&gt;Feed-Stock&lt;/a&gt;
         &lt;/div&gt;  
       &lt;a href="#"&gt;Medicine&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt; 
  
         &lt;div id="medicineitem"&gt;
           &lt;a  href="medicine_purchase.php" &gt;Medicine-Purchase&lt;/a&gt;
           &lt;a href="medicine_consumption.php"  &gt;Medicine-Consumption&lt;/a&gt;
           &lt;a href="medicine_stock.php"&gt;Medicine-Stock&lt;/a&gt;
  
        &lt;/div&gt;
  
       &lt;a href="#"&gt;Birds&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  
           &lt;div id="birdsitem"&gt;
              &lt;a href="birds_purchase.php"&gt;Birds-Purchase&lt;/a&gt;
              &lt;a href="birds_sales.php"&gt;Birds-Sales&lt;/a&gt;
              &lt;a href="birds_mortality.php"&gt;Birds-Mortality&lt;/a&gt;
              &lt;a href="birds_stock.php"&gt;Birds-Stock&lt;/a&gt;
           &lt;/div&gt;
  
      &lt;a href="#"&gt;Eggs&lt;span class="caret"&gt; &lt;/span&gt;&lt;/a&gt;
  
            &lt;div id="eggsitem"&gt;
  
              &lt;a href="eggs_lays.php"&gt;Egg-Lays&lt;/a&gt;
              &lt;a href="eggs_sales.php"&gt;Egg-Sales&lt;/a&gt;
              &lt;a href="eggs_stock.php"&gt;Egg-Stock&lt;/a&gt;
             &lt;/div&gt;
      &lt;a href="#"&gt;Summary&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  
             &lt;div id="summaryitem"&gt;
              &lt;a href="#"&gt;Stock-Summary&lt;/a&gt;
              &lt;a href="#"&gt;Income-Summary&lt;/a&gt;
              &lt;a href="#"&gt;Expenses-Summary&lt;/a&gt;
              &lt;a href="#"&gt;Consumption-Summary&lt;/a&gt;
              &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>