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

た入场券 2023-01-17 03:25 192阅读 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 条评论，192人围观）

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

相关阅读

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

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

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

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

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

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

相关 iOS tableviewcell里点击文字展开与收起功能

做项目遇到动态列表中需要做文字展开与收起功能，有空单独抽出一个demo给大家参考。 1、效果图如下： ![在这里插入图片描述][watermark_type_ZmFuZ

妖狐艹你老母/ 2022年12月13日 12:48/ 0 赞/ 768 阅读

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

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

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

相关 vue长文本点击展开收起

点击展开收起 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

以你之姓@/ 2022年12月05日 12:18/ 0 赞/ 169 阅读

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

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

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

相关 vue 写点击展开及收起

<template> <div> <div> <p id="p">Lorem ipsum dolor sit amet,

小灰灰/ 2021年12月18日 22:21/ 0 赞/ 507 阅读

相关 JQ 展开收起

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

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

相关 Android TextView 显示部分文本，实现全文/展开和收起功能

本文链接: [https://blog.csdn.net/xietansheng/article/details/87799586][https_blog.csdn.net_x

布满荆棘的人生/ 2021年09月22日 21:18/ 0 赞/ 2011 阅读

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

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

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