-1

最近、divのオンとオフを切り替えようとしましたが、多くの方法を使用して、.com/#へのリンクが原因でできませんでした

＃へのリダイレクトなしでそれを実現する投稿を見つけるまで

<script type="text/javascript">

    function toggleVisibility(newSection) {
        $("#info").not("#" + newSection).hide();
        $("#" + newSection).show();
    }
</script>

私はまだ JavaScript を学習中で、トグル オフに追加する方法がわかりません。今ではオンになり、押してもオフになりません。

助けてください。

4

3 に答える 3

1

Toggle は、要素の現在の表示可視性に基づいて、表示と非表示の両方を行います。したがって、次のようなものが機能するはずです。

function toggleVisibility(newSection) {
    $("#" + newSection).toggle();
}
于 2012-10-20T16:24:54.923 に答える
0

タブが必要なように聞こえます: 1 つのパネルが選択されると、他のパネルが消えます。

これを行う一般的な方法の 1 つを次に示します。

$('a.tab').click(function(e) {
    e.preventDefault();
    $('.panel:visible').hide();
    var el = $($(this).attr('href'));
    el.toggle();
});

グループ内の特定のパネルを表示し、他のパネルを非表示にするリンクがあります。

<style type="text/css">
    .panel {display: none;}
</style>

<a class="tab" href="#panel1">Show/hide panel 1</a>
<a class="tab" href="#panel2">Show/hide panel 2</a>
<a class="tab" href="#panel3">Show/hide panel 3</a>

<div class="panel" id="panel1">1</div>
<div class="panel" id="panel2">2</div>
<div class="panel" id="panel3">3</div>
于 2012-10-20T16:25:15.137 に答える
0

あなたが与えたコードは、 で与えられた IDinfoを持たないID を持つすべての要素を非表示にし、その要素をnewSection表示しnewSectionます。

要素は ID を 1 つしか持つことができないため、要素を複数の ID を持つかのように扱うことは、奇妙で無意味です。

.toggle()次の方法を使用できます。$("#"+newSection).toggle()

于 2012-10-20T16:26:32.903 に答える