Добавить кнопку закрытия для переключения окна js

Question

Я хочу добавить кнопку закрытия в нижней части этого переключателя. Может ли кто-нибудь помочь мне со сценарием, пожалуйста? Благодарю.

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

Сценарий выглядит следующим образом - действительно простой.

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

Answer 1

$('a.close').click(function(e){ 
    e.preventDefault(); 
    $(this).parents('div.info-hidden.info').slideToggle(); 
}); 

jsFiddle example.

Answer 2

Я использовал это ....

// slide toggle 
$(".info").hide(); 
//toggle the componenet with class msg_body 
$(".heading").click(function() { 
    $(this).next(".info").slideToggle(400); 
}); 
$(".closeToggle").click(function() { 
    $(this).parent(".info").slideToggle(); 
});