Add a close button to toggle box js
<p>I am wanting to add a close button at the bottom of this toggle box. Can somebody help me with the script please? Thanks.</p>

<pre><code>  &lt;td&gt;
    &lt;a href="javascript:void(0)" class="heading"&gt;Business Management in the Global Economy &lt;small&gt;(2+2 Program)&lt;/small&gt;&lt;/a&gt;
    &lt;div class="info-hidden info" style="height:380px;"&gt;
      &lt;p&gt;
        &lt;b&gt;Program Description:&lt;/b&gt;&lt;br /&gt;
        Some Text.......
        &lt;br /&gt;
        &lt;a href="/programs/bachelors-in-business-management-in-the-global-economy.php" class="nudge"&gt;
          &lt;b&gt;Learn More &amp;#9658;&lt;/b&gt;
          &lt;a class="close" href="javascript:void(0)"&gt;Close &amp;#9746;&lt;/a&gt;
        &lt;/a&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/td&gt;
</code></pre>

<p>The script looks like this - really simple.</p>

<pre><code>// slide toggle
  $(".info").hide();
    //toggle the componenet with class msg_body
    $(".heading").click(function()
    {
      $(this).next(".info").slideToggle(300);
  });
</code></pre>
