how can I stop the already selected heading to again start the process of slideup and slidedown as
I tried this

headings.click(function() {
var cur = $(this); //save the element that has been clicked for easy referal
if (prevcur != cur) {
cur.siblings(‘p’).slideUp(); //hide all the paragraphs
cur.next(‘p’).slideDown(); //get the next paragraph after the clicked header and show it
}
var prevcur=cur;

})

but it didnt worked.

$(document).ready(
function()
{
var headings = $(‘h3′),
paras = $(‘p’);
paras.hide().eq(0).show();

headings.click(
function()
{

// save the element that has been clicked for easy referal
var cur = $(this);

////////// This section hides and shows with no animation ////////////////////
// hide all the paragraphs
/*cur.siblings(‘p’).hide();

// get the next paragraph after the clicked header and show it
cur.next(‘p’).show();*/
////////// This section hides and shows with no animation ////////////////////

////////// This section hides and shows with animation ////////////////////
// hide all the paragraphs
cur.siblings(‘p’).slideUp();

// get the next paragraph after the clicked header and show it
cur.next(‘p’).slideDown();
////////// This section hides and shows with animation ////////////////////
});
});

just make sure that you link your html to your external js like this: