0

私が欲しいのは、クリック時に関連するdivの表示と非表示をdivで切り替えることです。これには、リンクをクリックしてから同じリンクを再度クリックすると、状態が切り替わることが含まれます。

私が使用しているもの 

function toggleVisibility(newSection) {
    $(".section").not("#" + newSection).hide();
    $("#" + newSection).show();
}

<div id="navigation">
    <ul id="navbar">
        <li><a id="home" class="active" href="#"><span></span>Home</a></li>
        <li><a id="depot" onclick="toggleVisibility('depots_panel');" href="#"><span></span>Depot</a></li>
        <li><a id="reports" onclick="toggleVisibility('reports_panel');"><span></span>Reports</a></li>
        <li><a id="admin"><span></span>Admin</a></li>   
        <li><a id="logout" href="#" onclick="logOut();"><span ></span>Log Out</a></li>
    </ul>

現在、リンク間をクリックすると、divは相互に切り替わりますが、セルフクリックするとリンクが切り替わるように見えます。それはおそらく単純で、私はそれを見ることができません。どんな助けでも大歓迎です！

4

2 に答える 2

0

http://api.jquery.com/toggle/メソッドを使用できます

function toggleVisibility(newSection) {
    $("#" + newSection).toggle();
}
于 2012-12-13T16:51:05.350 に答える
0

代わりに、このようにすることはできますか？

function toggleVisibility(newSection) {
    $(".section").hide();
    $(".section#" + newSection).show();
}

または次のようなもの：

function toggleVisibility(newSection) {
    $(".section").hide(0, function() {
        $(".section#" + newSection).show();
    });
}
于 2012-12-13T16:29:40.400 に答える