基于javascript的Toggle-div

我有下面的脚本，它在单击链接时显示一个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> 

删除那个onclick

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

删除那个onclick

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

---

在使用JQuery时，可以使用Toggle方法显示或隐藏元素：

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

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

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

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

---

使用JQuery时，可以使用切换方法显示或隐藏元素：

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

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

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

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

我需要短信息来切换display@alicepractice：是的，这确实是您需要的我需要shortinfo来切换display@alicepractice当前位置是的，确实如此。你一定是出了什么问题。切换就是方法。我知道有$（document.ready（function（）{$（'.accordio ul li h1'）。单击（function（）{$（this.parent（）.parent（）.find（'.ac:visible'）。slideToggle（）.parent（）.removeClass（'active'）；if（$（this.next（）.is（'hidden'）））$（this.next（）.slideToggle（）.parent（）.addClass（'active'）；$）；$（'shortinfo'））.Toggle（））；您是否尝试过用我发布的最新代码示例替换整个h1？您使用的是什么版本的JQuery？啊，h1起作用了：）有没有办法先将其设置为显示块，然后单击取消显示？\n通过CSS使其可见，然后切换（）将处理其余的问题：如果可见，它将隐藏它，否则将显示它。肯定有其他问题。切换就是方法。我知道有$（document.ready（function（）{$（'.accordio ul li h1'）。单击（function（）{$（this.parent（）.parent（）.find（'.ac:visible'）。slideToggle（）.parent（）.removeClass（'active'）；if（$（this.next（）.is（'hidden'）））$（this.next（）.slideToggle（）.parent（）.addClass（'active'）；$）；$（'shortinfo'））.Toggle（））；您是否尝试过用我发布的最新代码示例替换整个h1？您使用的是哪个版本的JQuery？啊，h1起作用了：）有没有办法让它先设置为显示块，然后在单击时消失？\n通过CSS使其可见，然后切换（）将处理其余的问题：如果可见，它将隐藏它，否则将显示它。