HTML中折叠展开的实现。

汉字查询 • 2023-4-7 • 随笔 • 阅读 93

<!DOCTYPE HTML>

<html>

<body>

<p>All pages and graphics on this web site are the property of W3School.</p>

</details>

</body>

</html>

放上去的话，用css的hover，先设置默认隐藏

.name{}display:none} .name:hover > .list{display:block}

点击的话，用JQ的click

$(".name").click(function(){

if($(".name").is(":hidden"))

$(".name").css("display","block")

else

$(".name").css("display","none")

})

如果需要带点动画效果，你就要看看CSS3了........

欢迎分享，转载请注明来源：内存溢出

的话带点效果如果动画

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-07

下一篇 2023-04-07

登录后才能评论