WordPressのjQuery - 第2の動作が動作しない

Question

私のサイトのホームページのいくつかの開いている/閉じるボックスに次のコードを追加しました。最初のセクションは正常に動作しています。しかし、第二は、何か考えられていませんか？

jQuery(".close1").click(function(){ 
    jQuery(this).css("margin-bottom", "328px"); 
    jQuery(this).addClass("open1"); 
    jQuery(".closed1").css({"position": "relative", "top": "285px", "color": "#000"}); 
    jQuery(".closed1 h3").css("top", "13px"); 
    jQuery(".closed1 p").slideToggle("slow"); 
    jQuery(this).removeClass("close1"); 
}); 

jQuery(".open1").click(function(){ 
    jQuery(this).addClass("close1"); 
    jQuery(this).css("margin-bottom", "none"); 
    jQuery(".closed1 p").slideToggle("slow"); 
    jQuery(this).removeClass("open1"); 
}); 

Answer 1

あなたのイベントの代わりに二つの事象の

jQuery("body").on('click','.close1',function(){ 
    jQuery(this).css("margin-bottom", "328px"); 
    jQuery(this).addClass("open1"); 
    jQuery(".closed1").css({"position": "relative", "top": "285px", "color": "#000"}); 
    jQuery(".closed1 h3").css("top", "13px"); 
    jQuery(".closed1 p").slideToggle("slow"); 
    jQuery(this).removeClass("close1"); 
}); 

jQuery("body").on'click','.open1',function(){ 
    jQuery(this).addClass("close1"); 
    jQuery(this).css("margin-bottom", "none"); 
    jQuery(".closed1 p").slideToggle("slow"); 
    jQuery(this).removeClass("open1"); 
}); 

Answer 2

を委任する、あなたは "jQuery.toggleを（）" 実装することができます。

Ex。

のjQuery：

jQuery("#book").hide(); 
jQuery("#clickme").click(function() { 
    jQuery("#book").toggle(); 
}); 

HTML：

<div id="clickme"> 
    Click here 
</div> 
<p id="book"> 
    Toggle 
</p> 

Tested Code here !