3
$(document).ready(function() {
    $('#arrow').click(function () {
        if ($('#slide1').is(":hidden")) {
            $('#slide1').slideDown('medium');
        } else {
            $('#slide1').slideUp('normal');   
        }
    });
});

スライドアップの高さだけを言及するにはどうすればよいですか?

4

2 に答える 2

3
 $('#arrow').click(function () {
      if ($('#slide1').hasClass("small")) {
         $('#slide1').animate({"height": "40px"}, "medium").removeClass("small"); 
      } else {

            $('#slide1').animate({"height": "20px"}, "medium").addClass("small");
      }
  });

animateメソッドを使用して変更できますheight。そしてhasClassdivの状態(元のサイズかどうか)を確認する方法。ここでは、高さを減らした状態を示すために「small」クラスを追加しました。

jsfiddle については、ここをクリックしてください

于 2013-03-13T09:46:30.570 に答える
0

使用するanimate()

$(document).ready(function() {
  $('#arrow').click(function () {
      if ($('#slide1').is(":hidden")) {
       $('#slide1').animate({"height": "100px"}, "medium");
      } else {
       $('#slide1').animate({"height": "0px"}, "medium");;   
      }
  });
});

toggle()(jq 1.9では廃止され、削除されましたが)を見てください。fadeToggle()

于 2013-03-13T09:26:37.717 に答える