两个函数之间的jQuery切换()不起作用

两个函数之间的jQuery切换()不起作用,jquery,Jquery,好的,这是我的代码 HTML: 和jQuery: $(document).ready(function(){ $('#cta-end').click(function(){ $('#cta-end').toggle(function () { $('#bloc1').css({"display":"block"}); $('#bloc2').css({"display":"block"});

好的,这是我的代码

HTML:

和jQuery:

$(document).ready(function(){


    $('#cta-end').click(function(){   
          $('#cta-end').toggle(function () {
               $('#bloc1').css({"display":"block"});
               $('#bloc2').css({"display":"block"});
            },
               function () {
                  $('#bloc1').css({"display":"none"});
                  $('#bloc2').css({"display":"none"});
               }
               );
         });

   });
我想做的是,当点击cta end时,两个div bloc1和bloc2显示,当我点击cta end上的另一次时,它不显示。 我的代码根本不起作用。我想我没有使用应该使用的切换功能。 我只想在点击cta end时切换这两个功能

这是上面的代码

谢谢大家!

试试这个

})

试着这样使用

     $('#bloc1,#bloc2').css({"display":"block"});
编辑 对于jQuery1.9

$(document).ready(function(){

    $('#cta-end').click(function(){   
         $('#bloc1').toggle('fast');
        $('#bloc2').toggle('fast');
   });

});
试试这个

})

试着这样使用

     $('#bloc1,#bloc2').css({"display":"block"});
编辑 对于jQuery1.9

$(document).ready(function(){

    $('#cta-end').click(function(){   
         $('#bloc1').toggle('fast');
        $('#bloc2').toggle('fast');
   });

});
试试下面的代码

$('.target').toggle();
在没有参数的情况下,.toggle方法只是在代码下面切换元素的可见性

$('.target').toggle();

在没有参数的情况下,.toggle方法只需切换元素的可见性

您可以使用以下代码:

$(document).ready(function () {
    $('#cta-end').click(function () {
        $('#bloc1, #bloc2').toggle();
        //or $('#bloc1, #bloc2').toggle(1000); for transition effect
    });
});

您可以使用以下代码:

$(document).ready(function () {
    $('#cta-end').click(function () {
        $('#bloc1, #bloc2').toggle();
        //or $('#bloc1, #bloc2').toggle(1000); for transition effect
    });
});

或者在函数之间切换在上述jquery 1.7中不起作用,您可以使用toggleClass。

在函数之间切换在上述jquery 1.7中不起作用,您可以改用toggleClass。