divタグが示さそれでも（非表示を与えた後、隠されていない）イベント

-2

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#total1").show(); 
    }); 

    $(".nstSlider1").on('click', function() { 
    $("#total1").show(); 
    $("#total2, , #total4, #total3").css('display', 'none'); 
    }); 

    $(".nstSlider2").on('click', function() { 
    $("#total2").show(); 
    $("#total4, , #total1, #total3").css('display', 'none'); 
    }); 

    $(".nstSlider3").on('click', function() { 
    $("#total3").show(); 
    $("#total2, , #total1, #total4").css('display', 'none'); 
    }); 

    $(".nstSlider4").on('click', function() { 
    $("#total4").show(); 
    $("#total2, #total1, #total3").css('display', 'none'); 
    }); 
</script>

私は.nstSlider1をクリックすると、それは#total1を示し、#total2他を隠し、#total3、#total4 ...しかし、私は.nstSlider2をクリックするとされ、それが#total2を表示しますが、＃total1を非表示にしません...したがって、.nstSlider3をクリックすると、#total3が表示されましたが、他の人は再び隠されません...なぜですか？divタグが示さそれでも（非表示を与えた後、隠されていない）イベント

出典

2016-12-29 user7353624

見て、あなたのコンマ '$（ "＃のTOTAL2、＃のtotal4、＃のtotal3"）' –

はそれらを隠すためのコードはありますか？ – Garfield

すべての '.on（）'関数は、 '

あなたは（jQueryの機能のショーを使用していると）あなたも（非表示を使用することができます）

（非表示を使用してみてください）代わりCSS（ '表示'、 'なし'）

出典

2016-12-29 10:55:58

$(document).ready(function() { 
 
    $("#total1").show(); 
 
    $("#total2,#total4, #total3").css('display', 'none'); 
 
    }); 
 

 
    $(".nstSlider1").on('click', function() { 
 
    $("#total1").show(); 
 
    $("#total2,#total4, #total3").css('display', 'none'); 
 
    }); 
 

 
    $(".nstSlider2").on('click', function() { 
 
    $("#total2").show(); 
 
    $("#total4,#total1, #total3").css('display', 'none'); 
 
    }); 
 

 
    $(".nstSlider3").on('click', function() { 
 
    $("#total3").show(); 
 
    $("#total2,#total1, #total4").css('display', 'none'); 
 
    }); 
 

 
    $(".nstSlider4").on('click', function() { 
 
    $("#total4").show(); 
 
    $("#total2, #total1, #total3").css('display', 'none'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="total1">total1</div> 
 
<div id="total2">total2</div> 
 
<div id="total3">total3</div> 
 
<div id="total4">total4</div> 
 

 

 
<div class="nstSlider1">nstSlider1</div> 
 
<div class="nstSlider2">nstSlider2</div> 
 
<div class="nstSlider3">nstSlider3</div> 
 
<div class="nstSlider4">nstSlider4</div>

出典

2016-12-29 10:59:55

こんにちはこのコードをチェック@ user7353624 –

divタグが示さそれでも（非表示を与えた後、隠されていない）イベント

関連する問題