0

高さ250px、幅160pxのdivがあります。ページが読み込まれると、div は 30px を除いてコンテンツの背後に隠されます。divをクリック可能にして、スライドアップしてdiv全体を表示する方法を考えています。前もって感謝します。

        <script type="text/javascript">
            $('#maininfo').click(function() {
                $('.maininfo_tab').slideUp('slow', function() {
                // Animation complete.
             });
           });
</script>
    <div id="maininfo">
        <div class="maininfo_tab" style="position:relative;margin-bottom:35px;">
4

1 に答える 1

0

アニメーションメソッドを使用してスライドさせ、クリックイベントを使用してワイヤリングすることができます。

var nextHeight = 250;
$("#myDiv").click(function() {
    $(this).animate({
        height: nextHeight
    });
    nextHeight = Math.abs(nextHeight - 280);
});​

サンプルフィドル： http： //jsfiddle.net/johnkoer/qu5bz/8/

于 2012-09-05T21:10:09.387 に答える