0

クリック時に div を作成する次のコードがありますが、div をゆっくりとスライドさせ、すぐには表示しないようにしたいと思います。

function hideshow(which) {

if (!document.getElementById) return
if (which.style.display == "none") which.style.display = "block"
else which.style.display = "none"

私が求めていることを実行しているように見えるコードをいくつか見つけましたが、既存のコード (上記) に統合するのに苦労しています:

$(document).ready(function() {
$("#button").toggle(function() {
    $(this).text('Hide');
}, function() {
    $(this).text('show');
}).click(function(){
    $("#hidden_content").slideToggle("slow");
});

それが役立つ場合は（cssをサポートして）jsフィドルに貼り付けました：

http://jsfiddle.net/dRpWv/479/および http://jsfiddle.net/dRpWv/447/

4

1 に答える 1

1

jqueryプロパティ「slideDown」を使用

私のコードペン

function hideshow() {

  var i = 1;
  if (document.getElementById('effet').style.display == "none") {




    $('#effet').slideDown("normal");
    document.getElementById('effet').style.display = "block";
    i = 2;


  } else {

    if (i == 1) {
      $('#effet').slideUp("normal", function () {
        document.getElementById('effet').style.display = "none";
      });
    }

  }
}
于 2013-11-05T10:47:59.227 に答える