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页面中附加 onclick ，因为您已在JS中使用 点击事件处理程序代码。

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

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

在JSFiddle

中查看

Answer 2

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/

使用多个div显示div onClick

2 个答案: