シンプルなトグルを設定しようとしていますが、アクティブな状態をクリックできないようにし、他のアイテムを非表示にしたいです。
基本的な例が機能しています：
<script>
$(document).ready(function() {
$('.entry-title').click(function() {
$(".entry-content").hide("normal");
$(this).closest('.post').find('.entry-content').fadeIn();
return false;
});
});
</script>
if ステートメントを試しましたが、うまくいきませんでした。
$(".entry-title").click(function() {
if ($(this).hasClass("active")) {
$(this).removeClass('active');
$(this).closest('.post').find('.entry-content').fadeIn();
} else {
$(this).addClass('active');
$(".entry-content").hide("normal");
}
return false;
});
もっと簡単な方法があるに違いないことはわかっていますが、私の脳は機能していません。
どんな助けでも大歓迎です。