jQuery on Wordpress - 第二個操作不起作用

我已經將下面的代碼添加到我網站主頁上的一些打開/關閉框中，第一部分工作正常，每一步都被跟蹤。然而，第二個沒有被採取行動，有什麼想法？jQuery on Wordpress - 第二個操作不起作用

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"); 
});

來源

2016-09-14 abscondita in campo visum

代表您的活動

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"); 
});

來源

2016-09-14 10:39:51 madalinivascu

相反的兩個事件，你可以實現「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 !

來源

2016-09-14 10:56:26

jQuery on Wordpress - 第二個操作不起作用

回答

相關問題