jquery点击展示与隐藏更多内容

先上效果图

点击前

点击后展开

超文本标记语言代码

div id=' tips ' class=' center-block ' H5 class=' tips _ head ' u遇到问题？/u/H5 div class=' tips _ content ' ol LiCtrl F5刷新本页面/li li关闭页面，重新加载本页面和登录/li li更换浏览器（建议使用火狐和谷歌浏览器)/李莉联系我们/li /ol /div /divjquery代码

$(function() { //遇到问题的弹出文字$('#tips h5.tips_head ').bind('click ')，function(){ var $ tips _ content=$(this).下一个(' div。tips _ content’)；if($ tips _ content)。是(' :可见'){ $ tips _ content。hide()；} else { $ tips _ content。show()；} }) })css代码。tips _ head { padding-left :20 px；光标：指针；向左文本对齐：页边距-顶部：20 pxcolor:red}。tips _内容{ padding:边框-top: 1px实心# 0050D0显示：块；display : none text-缩进： 2em向左文本对齐：}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。