2

divの半分からフルにslideToggleを使用してから、元に戻すことは可能ですか？

このコードで1つの解決策があります：

$("button").click(function() {
  $("#myDiv").toggleClass("reveal-closed").toggleClass("reveal-open");
});

作業例http://jsfiddle.net/NHRzH/1/を参照してください

しかし、私はクラスを伴わずに、より多くのスライド効果とより良いソリューションに使用したいと思います

$("button").click(function () {
    $(".mydiv").slideToggle("slow");
});

このスクリプトは、ボタン付きの20〜30 divで繰り返す必要があります（続きを読む機能）これは、halfdivで機能しないslideToggleの例ですhttp://jsfiddle.net/Xvxs3/

4

2 に答える 2

1

これはどう？

.reveal-open {
  max-height: 100px;
}
div {
  overflow: hidden;
  max-height: 50px;
  -webkit-transition: max-height .5s linear;
  -moz-transition: max-height .5s linear;
  transition: max-height .5s linear;
}

そしてjquery

$("button").click(function() {
  $("#myDiv").toggleClass("reveal-open");
});

http://jsfiddle.net/Dtwigs/NHRzH/4/

于 2013-03-21T22:17:03.017 に答える