如何使用Javascript切换隐藏或显示div和类?

如何使用Javascript切换隐藏或显示div和类?,javascript,html,show-hide,Javascript,Html,Show Hide,嗨,我只是想能够切换到隐藏/显示一个div分别与一个类 我的div是ul.post\u controls编辑很抱歉,我没有意识到你没有提到jQuery-这听起来很像jQuery问题。同时,如果您正在考虑使用像jQuery这样的JavaScript框架,请查看这里的简单程度: 你差点说了: $('ul.post_controls').toggle(); 以下是参考资料: 这是我如何设置的,以便在单击按钮时uls切换: $(document).ready(function () { // Ne

嗨,我只是想能够切换到隐藏/显示一个div分别与一个类


我的div是ul.post\u controls

编辑很抱歉,我没有意识到你没有提到jQuery-这听起来很像jQuery问题。同时,如果您正在考虑使用像jQuery这样的JavaScript框架,请查看这里的简单程度:


你差点说了:

$('ul.post_controls').toggle();
以下是参考资料:


这是我如何设置的,以便在单击按钮时uls切换:

$(document).ready(function () { // Need DOM to be ready
    $('#myButton').click(function () { // Attach click event handler
        $('ul.post_controls').toggle(); // Toggle the ul when clicked
    });
});

假设您有一个ID为“myButton”的元素。

编辑很抱歉,您没有意识到您没有提到jQuery—它听起来很像一个jQuery问题。同时,如果您正在考虑使用像jQuery这样的JavaScript框架,请查看这里的简单程度:


你差点说了:

$('ul.post_controls').toggle();
以下是参考资料:


这是我如何设置的,以便在单击按钮时uls切换:

$(document).ready(function () { // Need DOM to be ready
    $('#myButton').click(function () { // Attach click event handler
        $('ul.post_controls').toggle(); // Toggle the ul when clicked
    });
});

假设您有一个ID为“myButton”的元素。

非jQuery:

非jQuery:

非jQuery:

@lonesomeday,不幸的是我在发布后立即意识到。。。Dakota提到了“切换”并使用了CSS选择器,所以jQuery立即浮现在脑海中。好吧,谢谢各位,我会尝试一下,让你们知道我是如何出现的。jQuery工作得很好,有没有办法将其更改为onclick事件而不是onload?啊,这就成功了,我忘了等待DOM就绪:)谢谢@寂寞的日子,可悲的是我在发帖后马上意识到。。。Dakota提到了“切换”并使用了CSS选择器,所以jQuery立即浮现在脑海中。好吧,谢谢各位,我会尝试一下,让你们知道我是如何出现的。jQuery工作得很好,有没有办法将其更改为onclick事件而不是onload?啊,这就成功了,我忘了等待DOM就绪:)谢谢!很抱歉回复太晚,但似乎不起作用,我可以试试jquery。包括整个jquery只用于
toggle
似乎是一大浪费。为什么不发布失败的相关代码呢?我同意只为toggle包含jQuery是过分的。但是,如果该网站在javascript功能/效果方面总体上有点先进,那么使用它可以省去很多麻烦。很抱歉,回复太晚,但它似乎不起作用,我可以试试jquery。包括整个jquery,只用于
切换
似乎是一个很大的浪费。为什么不发布失败的相关代码呢?我同意只为toggle包含jQuery是过分的。但是,如果该站点在javascript功能/效果方面总体上有些先进,那么使用它可以省去很多麻烦。