javascript隐藏两个元素,只显示一个

时间:2014-08-05 10:24:54

标签: jquery

大家好我有这个脚本,我想点击GE显示EN和RU,点击EN后再显示RU和GE,我希望它发生了切换时间

   <script>
    $(document).ready(function(){
        $(".content").click(function(){

        });
    });
</script>

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

</head>

<body>
    <div class="content">GEO</div>
    <div class="lang1">EN</div>
    <div class="lang1">RU</div>
</body>

2 个答案:

答案 0 :(得分:6)

它很容易

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

    // language panel script 
    <script>
    $(".second").click(function(){
        $(".second").not(this).fadeToggle();
        });
    </script>

答案 1 :(得分:2)

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

// In Header section

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