Question

我开始用jquery创建Java Script，我需要简单的代码来隐藏和显示我的div，点击链接

JS：

    $(document).ready(function(){
    $('#show').click(function() {
    var cname = this.className;
    if ($(cname).is(':visible')) {
    }
    else ($('#cont').is(':visible')) {
        $('#cont').slideToggle('slow');
        $(cname).slideToggle('slow');
    }
    });
});¨

HTML：

            <a class="home" id="show" href="#">Home</a>
            <a class="contact" id="show" href="#">Contact</a>
            <a class="about_us" id="show" href="#">About us</a>



           <div id="cont" class="home" style="Display :visible ;">
           </div>
           <div id="cont" class="contact" style="Display :none ;">
           </div>
           <div id="cont" class="about_us" style="Display :none ;">
           </div>

Answer 1

ID应该是唯一的，因此ID只能用于一个元素。看起来您已经将类和ID混合在一起，因为类可以用于多个元素。你的标记应该是这样的：

<div id="home" class="cont">Home</div>
<div id="contact" class="cont">Contact</div>
<div id="about" class="cont">About</div>

在你的JS中，你会选择$('.cont')。

我的JS只使用一个id并忽略其他（JS新手）

1 个答案: