Question

大家好我有这个脚本，我想点击GE显示EN结束RU 点击EN RU或GE只显示点击的元素后，我希望它发生了切换时间

<script>
    $(document).ready(function(){
        $(".main").click(function(){
            alert(123);
        });
    });
</script>

<style>
    .second{
        display:none;
    }
</style>

</head>

<body>
    <div class="main">GEO</div>
    <div class="second">EN</div>
    <div class="second">RU</div>
</body>

Answer 1

以下是您可以尝试的内容：

<div class="btn main">GEO</div>
<div class="btn second">EN</div>
<div class="btn second">RU</div>

JQuery：

$(document).ready(function () {

    $('.btn').on('click', function () {
        if ($(this).hasClass('main')) {
            $(".second").show();
        } else {
            $('.main').removeClass('main').addClass('second');
            $(this).removeClass('second').addClass('main');
            $(".second").hide();
        }

    });
});

以下是JSFiddle

Answer 2

这很容易：）

<body>
    <div class="second">GEO</div>
    <div class="second">EN</div>
    <div class="second">RU</div>
</body>

// language panel script 

$(".second").click(function(){
    $(".second").not(this).fadeToggle();
    });

Jquery隐藏了两个元素，只显示一个元素

2 个答案: