javascript - 使用 jquery 切换 css

Question

我只想用一个onclick函数来改变css

$('#hamburger').on('click',function(){

    $('nav').toggle(1000);

    $('.col-md-3').css('padding-bottom','30px');
        $('h5').toggle(1000);
    });

我想要当我再次点击时显示

 $('.col-md-3').css('padding-bottom','104px');

因此，当我第一次单击 #hamburger 时，我希望我的 col-md-3 填充底部 30px，当我再次单击并关闭 #hamburger 我希望我的 col-md-3 填充底部应该是 104px。

该怎么做？

Answer 1

一种肮脏的方式:

$('#hamburger').on('click',function(){
 $('nav').toggle(1000);

 // check for existing css values
 if ($('.col-md-3').css('padding-bottom') === '30px') {
  $('.col-md-3').css('padding-bottom', '104px');
 } else {
  $('.col-md-3').css('padding-bottom', '30px');
 }

 $('h5').toggle(1000);
});