Simple question :

how to set other to display block only selected onlick on particular div will display block the rest will display:none.

jQUERY :

$('.menu_jyclass').click(function(){
            var vr=$(this).attr('vr')
            $(".table_main").hide()
            $("#main_"+vr).show();
            $('.menu_jyclass').removeClass('cur');
            $(this).addClass('cur') 
        });

      $("#hn").click(function () {
        $("#zhifubaoDiv").css("display","block")
        // $("#").show();   
    });

        $("#wx").click(function () {
        $("#wangyincunkuan2Div").css("display","block")
        // $("#").show();   
    });

HTML

  <a class="menu_jyclass" id="hn" vr="hn">微信支付</a>
  <a class="menu_jyclass cur" id="wx" vr="wx">在线支付</a>

 <div id="zhifubaoDiv" class="ListItemSub clearfix" style="display: none;">
 <div id="wangyincunkuan2Div" class="ListItemSub clearfix" style="display:none;">

Simple question :

how to set other to display block only selected onlick on particular div will display block the rest will display:none.

jQUERY :

$('.menu_jyclass').click(function(){
            var vr=$(this).attr('vr')
            $(".table_main").hide()
            $("#main_"+vr).show();
            $('.menu_jyclass').removeClass('cur');
            $(this).addClass('cur') 
        });

      $("#hn").click(function () {
        $("#zhifubaoDiv").css("display","block")
        // $("#").show();   
    });

        $("#wx").click(function () {
        $("#wangyincunkuan2Div").css("display","block")
        // $("#").show();   
    });

HTML

  <a class="menu_jyclass" id="hn" vr="hn">微信支付</a>
  <a class="menu_jyclass cur" id="wx" vr="wx">在线支付</a>

 <div id="zhifubaoDiv" class="ListItemSub clearfix" style="display: none;">
 <div id="wangyincunkuan2Div" class="ListItemSub clearfix" style="display:none;">

• javascript
• jquery
• html

Share Improve this question Follow asked Sep 30, 2016 at 1:33 Morgan NgMorgan Ng 81322 gold badges1010 silver badges2323 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

Try this:

Javascript:

$("#hn").click(function () {
        $("#wangyincunkuan2Div").css("display","none")
        $("#zhifubaoDiv").css("display","block")
        // $("#").show();   
    });

    $("#wx").click(function () {
        $("#wangyincunkuan2Div").css("display","block")
        $("#zhifubaoDiv").css("display","none")
        // $("#").show();   
    });

Fiddle Here: https://jsfiddle/c8czc69e/