我的按钮显示div,但如何在第二次点击后隐藏div?
问题描述:
好的。所以我做了显示四个项目(div)的按钮。有人可以帮助我如何切换此按钮?我想通过点击第二次在同一个按钮上隐藏这四个项目。 这里是代码:我的按钮显示div,但如何在第二次点击后隐藏div?
<script type="text/javascript">
function showDiv() {
document.getElementById('four-more-portfolio-items').style.display = "block";}
</script>
和HTML:
<div id="four-more-portfolio-items" style="display: none;">
......
......
......
</div>
答
您可以使用jQuery toggle()
方法完成这个任务。
$("#button_id").click(function() {
$("#four-more-portfolio-items").toggle();
});
你接受的jQuery或仅纯JavaScript? – Simon
我可以接受一切! :d – Dropsen