Question

我试图学习一些javascript / jquery，但是我没有取得很大进展..

我有这样的多个div：

 <div class="article1" style="display:none;">content</div>
 <div class="article2" style="display:none;">content</div>
 <div class="article3" style="display:none;">content</div>

在每个班级下我都有一个文字链接，一旦点击它我希望它显示特定的div。

像这样：

<a href="javascript:toggle(1);" class="showarticle">View Article</a>

所以我想我会创建一个我可以提供ID的功能，并在点击时显示div，这就是我尝试过的：

<script>  

            function toggle( id ) {
            $(".showarticle").click(function()){
               $(".article" + id).show();
                }    
            } 

</script>

然而没有任何反应，但我看不出任何错误......

有人可以告诉我我在这里做的不是什么吗？

由于

编辑：我已经包含了jquery库;）

Answer 1

每当您点击其中一个a代码时，都会将click事件绑定到.showarticle，但您不执行此操作，其中一种方式是：

function toggle( id ) {
  $(".article" + id).show();
}

你应该使用id而不是类。

Answer 2

Javascript版本可能如下所示，需要为每个div分配唯一的ID：

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == "inline") {
        e.style.display = 'none';
    }
    else if(e.style.display == "none") {
        e.style.display = "inline";
    }
}

Jquery - 显示和隐藏多个div

2 个答案: