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

先上效果图

点击前

点击后展开

html代码

<div id="tips" class="center-block">
                <h5 class="tips_head">
                  <u>遇到问题？</u>
                </h5>
                <div class="tips_content">
                  <ol>
                    <li>Ctrl+F5刷新本页面</li>
                    <li>关闭页面，重新加载本页面和登录</li>
                    <li>更换浏览器（建议使用火狐和谷歌浏览器）</li>
                    <li>联系我们 </li>
                  </ol>
                </div>
              </div>

jquery代码

    $(function() { //遇到问题的弹出文字
      $("#tips h5.tips_head").bind("click", function() {
        var $tips_content = $(this).next("div.tips_content");
        if ($tips_content.is(":visible")) {
          $tips_content.hide();
        } else {
          $tips_content.show();
        }
      })
    })

css代码

.tips_head { 
  padding-left:20px; 
  cursor: pointer ;
  text-align:left;
  margin-top:20px;
  color:red;}

.tips_content { 
  padding: ; 
  border-top: 1px solid #0050D0;
  display:block;
  display:none;
  text-indent: 2em;
  text-align:left; }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持积木网。

jquery 多个radio的click事件实例
如下所示：divid="ImgRadio"style="float:left;width:300px;"inputtype="radio"value="80*80"id="size1"name="size"checked="checked"/80*80inputtype="radio"value="88*31"id="size2"name="size"/88*31inputty

浅谈jQuery hover(over, out)事件函数
hover(over,out)事件函数当鼠标移动一个匹配的元素上面，会触发指定的第一个函数当鼠标移出这个元素时，会触发指定的第二个函数over(function):鼠标移到

textarea 在浏览器中固定大小和禁止拖动的实现方法
HTML标签textarea在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定textarea的尺寸，大小就不会改变，不过更好的办法是使用CSS的height和widt