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（）”。而不是两个事件。

<强>实施例

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 !

Wordpress上的jQuery - 第二个动作不起作用

2 个答案: