首页 > 互联资讯 > 资讯实事  > 

jquery点击标题显示简介(jQuery图片分割显示内容)

jquery点击标题显示简介(jQuery图片分割显示内容)
jquery 手风琴 隐藏特效 jquery展开 jquery特效 jquery下载

当用户点击标题时显示简介的代码可以如下所示:

HTML结构:

<div class="container">
  <h1 class="title">标题</h1>
  <div class="description">简介内容</div>
</div>

CSS样式:

.description {
  display: none;
}

jQuery代码:

$(document).ready(function() {
  $('.title').click(function() {
    $(this).siblings('.description').slideToggle();
  });
});

以上代码会使得当用户点击标题时,相应的简介内容会显示或隐藏


jQuery图片分割显示内容,jQuery导航菜单背景切换特效,UI JQuery自定义滚动条插件,jquery动画滑动幻灯片展示,

jquery点击标题显示简介(jQuery图片分割显示内容)由讯客互联资讯实事栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“jquery点击标题显示简介(jQuery图片分割显示内容)