Onclick显示块为None, None以jQUERY屏蔽

时间:2022-11-16 00:28:30

Simple question :

简单的问题:

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

如何设置其他显示块,仅在特定div中选择onlick将显示块,其余将显示:none。

jQUERY :

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

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

1 个解决方案

#1


1  

Try this:

试试这个:

Javascript:

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.net/c8czc69e/

小提琴在这里:https://jsfiddle.net/c8czc69e/

#1


1  

Try this:

试试这个:

Javascript:

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.net/c8czc69e/

小提琴在这里:https://jsfiddle.net/c8czc69e/