1

これは私の HTML マークアップです。

Text Text
Text Text

<div class="main_navi">
    NAVIGATION GOES HERE
</div>
<div class="sub_navi">
    SUBNAVIGATION GOES HERE
</div>

sub_naviの後ろに隠したいのですがmain_navi、 をクリックするmain_naviと、sub_naviDIV が下にスライドするはずです。

sub_naviスライドするためにDIVを適切に配置する方法を知りたいですか? マイナストップの位置かな？

ありがとう。

4

2 に答える 2

0

これは、探しているものの簡単な例です。

$(document).ready(function() {
    $('.main_navi').click(function() {
       $('.sub_navi').show(1200);
    });
  });​

実施例1

もう 1 つの例は、よりスムーズにするために遅延を使用して少し複雑にしています。

$(document).ready(function() {
    $('.main_navi').toggle(function() {
        setTimeout(function() {
            $('.sub_navi').show();
        }, 250);
        $('.sub_navi').animate({
            top: '+=15'
        }, 600);
    }, function() {
        setTimeout(function() {
            $('.sub_navi').hide();
        }, 200);
        $('.sub_navi').animate({
            top: '-=15'
        }, 500);
    });
});​

実施例2


于 2012-09-12T17:40:59.230 に答える
0

このフィドルをチェック

$('.sub_navi').slideDown();

あなたのために仕事を終わらせる必要があります..

于 2012-09-12T17:52:29.700 に答える