在jQUERY中将Onclick显示块设置为无,无阻塞

时间:2016-09-30 01:33:08

标签: javascript jquery html

简单问题:

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

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

1 个答案:

答案 0 :(得分:1)

试试这个:

使用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();   
    });

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