title: Jquery Accordion Additional Requirements
body: <p>I need two ammendments in the following jquery code. <a href="http://jsfiddle.net/awaises/ePLzL/" rel="nofollow">(DEMO is here)</a></p>
  
  <ol>
  <li>I want to slide up (hide) the paragraph when I click on close link inside the para.</li>
  <li>Active class ( arrow icons) should work properly when I slide up/down any paragraph. If you noticed, arrows direction is getting crazy (∧ up, ∨ down, ∧ up) when I open both paragraphs. Arrow pointer should be downward (∨) when para is closed and if opened arrow should be pointed to upward (∧).</li>
  </ol>
  
  <p>Following is my code</p>
  
  <pre><code>$(document).ready(function(){
      $(".accordion p").hide();
  
      $(".accordion h3").click(function(){
          $(this).next("p").slideToggle("fast")
          $(this).toggleClass("active");
          $(this).siblings("h3").removeClass("active");
      });
  });
  </code></pre>
  
  <p>Thanks in Advance</p>