页面展开收起php代码,jQuery实现的页面详情展开收起功能示例

た入场券 2023-01-17 03:25 231阅读 0赞

本文实例讲述了jQuery实现的页面详情展开收起功能。分享给大家供大家参考，具体如下：

jQuery实现页面详情展开收起

.detailpd \{ padding-top:10px; \}

// 显隐项目介绍详情

$(function view\_details\_click()\{

$("\#detailmain\_a").bind('click',function()\{

if($("\#deal\_info\_box").is(":hidden"))\{

$("\#deal\_info\_box").show();

$(this).find("\#view\_details").text("收起详情");

$(this).find(".fa").removeClass("fa-angle-right").addClass("fa-angle-down");

\}

else\{

$("\#deal\_info\_box").hide();

$(this).find("\#view\_details").text("展开详情");

$(this).find(".fa").removeClass("fa-angle-down").addClass("fa-angle-right");

\}

\});

$("\#detailmain\_aa").bind('click',function()\{

$("\#deal\_info\_box").hide();

$("\#view\_details").text("展开详情");

\});

\});

项目详情介绍:

展开详情>

123

123

123

123

123

123

123

123

123

123

123

123

123

123

123

收起详情

使用在线HTML/CSS/JavaScript代码运行工具 http://tools.jb51.net/code/HtmlJsRun测试运行效果如下：

![ea4a37605d27bd6dbab5b8e204f5e010.gif][]

希望本文所述对大家jQuery程序设计有所帮助。

[ea4a37605d27bd6dbab5b8e204f5e010.gif]: /images/20221022/98e560543e654d78832b8ef7a4d65a90.png

发表评论取消回复

表情：

评论列表（有 0 条评论，231人围观）

还没有评论，来说两句吧...

相关阅读

相关展开和收起动画（jQuery）

展开和收起动画（jQuery）废话不多说，上代码！！！ <!DOCTYPE html> <html lang="en"> <head

Myth丶恋晨/ 2023年10月04日 10:31/ 0 赞/ 19 阅读

相关 js || jQuery 元素收起展开

1、用jQuery来实现层叠关系，元素可以收起、展开；并且使用了slideUp、slideDown动画效果。 $(".ul0").click(function (e)

野性酷女/ 2023年07月07日 12:53/ 0 赞/ 20 阅读

相关小程序文章内容展开收起

动态改变文章内容（多篇或单片）处理方式：通过小程序中SelectorQuery()选择器方法获取文章内容高度，通过默认收起状态最大高度判断是否显示展开按钮如果超出

╰+攻爆jí腚メ/ 2023年06月17日 07:58/ 0 赞/ 30 阅读

相关 React列表中实现文案多行收起展开的功能

css实现在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 display: -webkit-box;

约定不等于承诺〃/ 2023年02月15日 03:33/ 0 赞/ 30 阅读

相关 CSS 实现多行文本“展开收起”

——————— Y · F · E ——————— ![957c4fe0b7853ad43aeb4c4e5f5bacd1.png][] 多行文本展开收起是一个很常见的交互，

淡淡的烟草味﹌/ 2023年01月23日 02:54/ 0 赞/ 863 阅读

相关页面展开收起php代码,jQuery实现的页面详情展开收起功能示例

本文实例讲述了jQuery实现的页面详情展开收起功能。分享给大家供大家参考，具体如下： jQuery实现页面详情展开收起 .detailpd \{ padding-top:

た入场券/ 2023年01月17日 03:25/ 0 赞/ 232 阅读

相关 Js的classList实现导航简单的收起展开

![f139d78a75deca8b8f97a96a0c193ce0.png][] 使用Js的classList快速实现导航简单的收起展开 1 首先我们设置导航的的样式

清疚/ 2022年12月06日 04:13/ 0 赞/ 153 阅读

相关 Jquery实现简单的点击展开和收起

当标签逐渐增多时，页面就会随着拉长；用户体验不佳。针对我自己博客用`Jquery` 写了一个小方法用于实现展开和收起的 ![image][] `html`代码 <

布满荆棘的人生/ 2022年03月10日 09:09/ 1 赞/ 494 阅读

相关 JQ 展开收起

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

刺骨的言语ヽ痛彻心扉/ 2021年12月10日 08:53/ 0 赞/ 370 阅读

相关网页顶部广告展开与收起

网页顶部广告展开与收起在很多网站中，为了广告推送效果，往往会在进入网站的时候，出现弹窗；一定时间后，再次收起，不影响用户的体验。 --------------

客官°小女子只卖身不卖艺/ 2021年09月16日 22:54/ 0 赞/ 447 阅读