Question

我有这个javascript代码：

var x="#wrapper"
//var xyz;
$(document).ready(function(){ 
    $("#about").click(function(){
    if (!(x=="#about")){
        $(x).slideUp("slow",function(){
            $("#aboutus").slideDown("slow");
            });

            x="#aboutus";
        }
    });
});
$(document).ready(function(){
    $("#home").click(function(){ 
        if(!(x=="#wrapper")){
        $(x).slideUp("slow", function(){
            $("#wrapper").slideDown("slow");
            });
        dd="#wrapper";
        }
    });
});

使用此“菜单”

<nav>
    <div class="menu">
        <ul class="ul">
    <h6>
                <li id="home" >Home</li >
                <li id="about">About</li >
                <li >performance</li >
                <li >testimonials</li >
                <li >faqs</li >
                <li >forum</li >
                <li onclick="slideUpDown()">Contact  </li >
            </ul>
        </h6>
    </div>
</nav>

我必须使用li标签作为链接，当我点击“链接”时，home div必须缓慢向上滑动，而div应该缓慢下降。请帮忙！

提前谢谢

Answer 1

在代码的最后一行，将 x 设置为 #wrapper 而不是dd：

var x="#wrapper"

//var xyz; 
$(document).ready(function(){

    $("#about").click(function(){
        if (!(x=="#about")){
            $(x).slideUp("slow",function(){
                $("#aboutus").slideDown("slow");
            });
            x="#aboutus";
        }
    });

    $("#home").click(function(){ 
        if(!(x=="#wrapper")){
            $(x).slideUp("slow", function(){
                $("#wrapper").slideDown("slow");
            });
            x="#wrapper";
        }

    }); 
});

Answer 2

我刚刚来到这个漂亮的那个。它很简单而且很有效。

function toggleForm(x) {
        if ($('#'+x).is(":hidden")) {
            $('#'+x).slideDown(200);
        } else {
            $('#'+x).slideUp(200);
        }
}

然后打电话给它......

onmousedown="javascript:toggleForm('div_ID');

并且不更改您的网址会在同一个电话中添加此内容

onclick="return false"

有了这个，您可以使用一个脚本来调用任意数量的滑动操作。要定位的div是在呼叫中具有其ID的那个。

编辑：对不起......刚才注意到它是jQuery，但不应该影响任何东西。我用过其他jQuery没有的地方。所以似乎没有任何冲突。

SlideUp slideDown

2 个答案: