javascript - 我怎样才能摆脱 jquery 切换中的那些动画？

Question

我正在尝试学习一些 HTML/CSS/jQuery，并决定制作一个起始页。一切顺利，除了我的 div 在切换时显示的动画。代码在这里 http://jsfiddle.net/9yz71d3q/ .我怎样才能删除它们？

$(document).ready(function(){ 
  $(".left-span").addClass("inactive");
  $("#s1").addClass("active").removeClass("inactive");
  $(".content").hide();
  $("#c1").show();
}); 

//Whole code to show the first div content and highlight first menu position.
$(document).ready(function(){
  $("#s1, #s2, #s3, #s4, #s5").click(function(){ 
    $(".content").hide(240);

    if($(this).is("#s1")) { //Checks which button has been clicked.
           $("#c1").toggle();
    } else if($(this).is("#s2")) {
           $("#c2").toggle();
    } else if($(this).is("#s3")) {
           $("#c3").toggle();
    } else if($(this).is("#s4")) {
           $("#c4").toggle();
    } else if($(this).is("#s5")) {
           $("#c5").toggle();
    } 
    if(!$(this).hasClass("active") ) { //Highlights chosen div.
      $(".left-span").addClass("inactive").removeClass("active");
      $(this).addClass("active").removeClass("inactive");
    }
  });
}); 

Answer 1

假设您要删除动画，将 $(".content").hide(240); 更改为 $(".content").hide();