Question

我有以下脚本，在点击链接时显示div ...

$(document).ready(function() {
            $('.accordion ul li h1').click(function() { $(this).parent().parent().find('.ac:visible').slideToggle().parent().removeClass('active'); if ($(this).next().is(':hidden')) $(this).next().slideToggle().parent().addClass('active'); });
        });

我的页面上也有一个div

<div id="shortinfo">short info</div>

点击链接后如何设置简短信息到didssapear，再次点击后再次出现？

我尝试添加

<h1 onclick="document.getElementById('shortinfo').style.display='none'">

然后我需要它再次点击再次出现？

这是我的新代码，似乎无法切换

 $(document).ready(function() {
            $('.accordion ul li h1').click(function() { $(this).parent().parent().find('.ac:visible').slideToggle().parent().removeClass('active'); if ($(this).next().is(':hidden')) $(this).next().slideToggle().parent().addClass('active'); });
            $('#shortinfo').toggle();

        });

Answer 1

在使用JQuery时，可以使用Toggle方法显示或隐藏元素：http://api.jquery.com/toggle/

然后您可以执行以下操作：

$('#shortinfo').toggle();

要将其与h1 onclick集成，它将变为：

<h1 onclick="$('#shortinfo').toggle()">

Answer 2

删除那个onclick

$("#shortinfo").toggle();

根据javascript切换div

2 个答案: