javascript - 显示具有多个 div 的 div onClick

Question

我想用 html 中的 onClick 事件调用这个函数，因为我不是专家，我需要一些帮助。

现在我有这个：

<script type="text/javascript">
$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});
</script>

HTML

<a href="#" class="show_hide">Map</a>
<div class="slidingDiv">';
<strong> Content </strong>
<a href="#" class="show_hide">hide</a>

如何在 HTML 中使用“onClick”事件触发上述脚本？

谢谢

Answer 1

HTML：

<a href="#" class="toggle-next-div">Click me</a>
<div class="slidingDiv">Content here</div>

<a href="#" class="toggle-next-div">Click me</a>
<div class="slidingDiv">Content here</div>

jQuery：

<script type="text/javascript">
$(document).ready(function(){
    $(".slidingDiv").hide();
    $('.toggle-next-div').click(function(){
        $(this).next().slideToggle();
    });
});
</script>

小提琴：http: //jsfiddle.net/CjsAN/

Answer 2

您无需onclick在 HTML 页面中附加它，因为您已经在 J​​S 代码中使用了单击事件处理程序。

$(document).ready(function () {
    $('.show_hide').click(function () {
        $(".slidingDiv").slideToggle();
    });
});

PS：不要忘记jQuery在 HTML 页面中添加库。

在JSFiddle中查看