0

私はこの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 タグをリンクとして使用する必要があり、「リンク」をクリックすると、ホーム div がゆっくりとスライドし、about div がゆっくりと下降するはずです。助けてください！

前もって感謝します

4

2 に答える 2

0

私はしばらく前にこの素敵なものに来ました。シンプルで機能します。

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

それからそれを呼び出すには...

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

URLを変更しないようにするには、これを同じ呼び出しの前に追加します

onclick="return false"

これにより、1 つのスクリプトを使用して、必要な数のスライド操作を呼び出すことができます。対象となる div は、呼び出しで ID を持つものです。

EDIT：申し訳ありません...それはjQueryであることに注意してください。ただし、何にも影響しないはずです。他のjQueryが使用しなかった場所で使用しました。そのため、競合しているようには見えません。

于 2013-06-12T10:03:29.340 に答える
0

コードの最後の行で、xをdd ではなく#wrapperに設定します。

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";
        }

    }); 
});
于 2013-04-23T08:14:49.133 に答える