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

前端之家收集整理的这篇文章主要介绍了jquery点击展示与隐藏更多内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

先上效果

点击前

点击后展开

HTML代码

遇到问题?
  • Ctrl+F5刷新本页面
  • 关闭页面,重新加载本页面登录
  • 更换浏览器(建议使用火狐和谷歌浏览器)
  • 联系我们
  • jquery代码

    文字 $("#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_content {
    padding: ;
    border-top: 1px solid #0050D0;
    display:block;
    display:none;
    text-indent: 2em;
    text-align:left; }

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    原文链接:https://www.f2er.com/jquery/43907.html

    猜你在找的jQuery相关文章