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_navisub_naviDIV 应该向下滑动。

我想知道如何sub_navi正确定位 DIV 以便滑动?负的最高位置,也许?

谢谢。

4

2 回答 2

0

这是您正在寻找的简单示例:

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

工作示例 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 回答