javascript - 有没有办法在没有 jQuery 的情况下做同样的事情，只使用 CSS3 和 HTML5

我对网页设计非常陌生，尤其是 css3 和 html5 等技术，我想建立一个尽可能多地使用 CSS3 和 HTML5 并尽可能少地使用 JavaScript 的网站。

所以我想只使用 CSS/HTML 获得几乎相同的行为。

$(document).ready(function () {
    $("#wrapper section").click(function() {
        var bcn = $(this).next('.box-content');
        if ($('.box-content').is(':visible')) {
            $('.box-content').hide();
            bcn.show();
        }
        else {
            $('.box-content').hide();
            bcn.slideToggle(200);
        }
    });
});

这就是我想在没有 JS 的情况下做的:http://jsfiddle.net/8BLD7/7/

最佳答案

并非所有浏览器都支持 CSS3 和 HTML5 的所有功能。您冒着创建一个功能分散在支持它们的浏览器周围的站点的风险。

您可能想尝试以下策略:

progressive enhancement

它建立在当前浏览器的基础之上，并为支持它的浏览器添加了新功能。这样您就不会得到一个在所有浏览器上都具有部分功能的网站。

祝你好运，编码愉快!

关于javascript - 有没有办法在没有 jQuery 的情况下做同样的事情，只使用 CSS3 和 HTML5，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14364531/