jQuery slideUp（）コンテンツをもう一度クリックしたとき

Question

'.areaCodeList'をもう一度クリックしたときのみコンテンツをslideUp（）する方法はありますか？

$(".areaCodeList").on('click', function() { 
    $(this).next('.churchList').slideDown(); 
    ($this.die()); 
    $('.churchList').slideUp(); 
}); 

Answer 1

.churchListは（ダウン滑らせる）表示されているかどうかをチェックすることができます：

あなたが使用する必要があります

$(".areaCodeList").on('click', function() { 
    if($(this).next('.churchList').is(':visible') === true){ 
     $(this).next('.churchList').slideUp(); 
    }else{ 
     $(this).next('.churchList').slideDown(); 
    } 
}); 

Answer 2

はあなたではなく、クラスのコード

$(".areaCodeList").on('click', function() { 
    if (!$(this).is('.clicked')){ 
    $(this).addClass('clicked'); 
    return false; 
    } 
    $(this).next('.churchList').slideDown(); 
    $(this).die(); 
    $('.churchList').slideUp(); 
}); 

あなたはまた、属性（$(el).attr('clicked')）を使用して検討することを実行する前に、それは既にクリック示し、同様の方法で、後でそれを確認するために、いくつかのクラスを使用することができます。

更新： 質問のタイトルは本当に混乱であり、（質問に答える）私たちの唯一の多くは最初からそれを得ていないようです：

当初、私はこのようにそれを得た：

2回目にクリックすると要素が上に移動します。 私が提供したサンプルが正しい場合は、それが正しい場合です。

しかし、問題はより多くのこのようなものですように見えます：

スライドごとにでもクリックして、すべての奇数クリックでそれを上にスライド上の要素ダウン。

これは（epascarello's answerで説明したように）slideToggleが解決することを事実である場合

Answer 3

slideToggle()

$(".areaCodeList").on('click', function() { 
    $(this).next('.churchList').slideToggle(); 
}); 

Example