使用JQuery问题调整剩余边距

Question

function change_width() {
    $('#cont').toggle(function(){
        $('#cont').animate({marginLeft:'0%'});
    },function(){
        $('#cont').animate({marginLeft:'18.4%'});
    });
}

我在这里有以下代码，它应该可以工作，但事实并非如此。相反，它会影响display属性，使其显示：无。为什么要这样做？

Answer 1

由于不推荐toggle(function, function)，一种简单的方法是切换一个类并检查该类

function change_width() {
  var $cont = $('#cont');       

  $cont.animate({
    marginLeft: $cont.hasClass('inset') ? '0%' : '18.4%'
  }).toggleClass('inset');

}