我想隐藏和显示一个 div
(jQuery toggle()
)。这是我的代码示例:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$("a").click(function() {
var myelement = $(this).attr("href");
$(myelement).slideToggle("slow");
$(".toggle:visible").not(myelement).hide(500);
});
</script>
<h2><a href="#box1"> Programming</a></h2>
<div id="box1" class = "block-content" style="display:none">
box 1
</div>
<h2><a href="#box2"> software</a></h2>
<div id="box2" class = "block-content" style="display:none">
box 2
</div>
它不起作用,Firebug 也没有向我显示错误消息。
你能帮帮我吗?
最佳答案
演示:http://jsfiddle.net/xyzpq44x/
- API:
preventDefault
你想阻止a
标签的默认行为 http://api.jquery.com/event.preventdefault/
休息应该有助于 :)
试试这个
$("a").click(function (e) {
e.preventDefault();
var myelement = $(this).attr("href")
$(myelement).slideToggle("slow");
$(".toggle:visible").not(myelement).hide(500);
});
关于javascript - 隐藏和显示多个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25857566/