点击切换class和内容切换

html:

<div id="tab_LoginSel" class="i_wx"></div>

<div class="loginForm">

<div id="login_Pc"></div>

<div id="login_Wx" class="login_Wx" style="display: none;"></div>

</div>

---

js:

var qrloginInterval = 1;

    $('#tab_LoginSel').click(function () {

        showLogin(qrloginInterval);

    });

    function showLogin(qrstate) {

        var tabSelObj = $('#tab_LoginSel');

        var typeClass = tabSelObj.attr('class');

        if (qrstate == "1") {

            tabSelObj.removeClass().addClass("i_pc");

            $("#login_Pc").hide();

            $("#login_Wx").show();

            qrloginInterval = 0;

            $("#hfShowQRCode").val(0);

        }

        else {

            tabSelObj.removeClass().addClass("i_wx");

            $("#login_Pc").show();

            $("#login_Wx").hide();

            qrloginInterval = 1;

            $("#hfShowQRCode").val("1");

        }

    }