`

js点击标题展开内容再点隐藏内容【原创】

 
阅读更多

点击d展开在点击收起。其实很简答的,以前总是用按钮来另外触发隐藏方法,很不好用。用来只需要在触

发标题连接的时候,执行这个方法就好啦~

<a href="#" onclick="show<%=i%>();"><%=issueCan.get(i).getName()%></a>


function show0(){
   add0.style.display= (add0.style.display=="none")?(""):("none");

   }

 

     <td>
       <div id="add<%=i%>" style="display:none">
      
       <%=issueCan.get(i).getContent()%>

</div>
         </td>

分享到:
评论

相关推荐

    js文字超出规定长度隐藏,点击展开和收缩

    可以随便添加该功能模块的数量和规定显示的字数

    jQuery标题展开显示文字内容代码.zip

    当用户点击标题时,隐藏的内容会滑动展示出来,标题也相应地变为“收起”按钮,用户可以随时隐藏已展开的内容。这种交互设计在文章列表、评论区、FAQ等场景中非常常见。 实现这个效果主要涉及以下jQuery知识点: 1...

    jQuery点击阅读全文展开查看全部内容代码

    "jQuery点击阅读全文展开查看全部内容代码"是一个常见的功能,它用于优化长文本的显示,使得页面加载时只显示部分内容,用户点击后才会加载剩余部分。这种做法不仅提高了页面加载速度,也使得页面布局更加整洁。 ...

    jQuery隐藏、展开UL li评论列表任意内容项.rar

    本示例“jQuery隐藏、展开UL li评论列表任意内容项”是利用jQuery实现的一种常见交互功能,它允许用户通过单击标题来动态地显示或隐藏评论列表中的具体内容。 首先,我们来理解HTML结构。在这个例子中,我们通常会...

    js实现点击向下展开的下拉菜单效果代码

    从给定的文件中,我们可以提取到关于使用纯JavaScript实现点击向下展开的下拉菜单的相关知识点。下面将对这些知识进行详细阐述: 1. HTML结构设计:文档中给出了一个具有下拉菜单功能的HTML结构,它包含了一个带有...

    点击标题显示内容 jquery手风琴特效插件

    标题"点击标题显示内容 jquery手风琴特效插件"揭示了我们要讨论的主题——一个基于jQuery实现的手风琴效果插件,它允许用户通过点击标题来控制内容的隐藏和显示。 jQuery是一个轻量级的JavaScript库,它的出现极大...

    js实现点击展开隐藏效果(实例代码)

    本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 先看看效果图: 代码实例: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&...

    内容隐藏点击滑动

    在IT行业中,"内容隐藏点击滑动"是一种常见的网页设计技术,主要应用于增强用户体验和保护敏感信息。这种技术允许用户通过交互(如点击或滑动)来显示或隐藏某些内容,通常与隐私设置、长文章预览、隐藏评论等场景...

    jquery点击标题显示内容.zip

    这个“jquery点击标题显示内容”的项目显然利用了jQuery的核心功能,特别是其DOM操作和事件处理机制,来实现一个动态的效果,即用户点击标题时,相应的内容区域会显示或隐藏。 首先,jQuery的选择器是它的一大亮点...

    点击展开收藏完美js

    这个标题"点击展开收藏完美js"暗示了我们正在寻找一个高度优化、功能完备且易于使用的JavaScript代码片段,用于实现这一功能。描述中的“好多个都没发现合适的,就这款真的是比较完美的”进一步强调了这个解决方案的...

    jQuery点击图片展开文字标题描述代码

    jQuery点击图片展开文字标题描述代码是一个实用的网页交互效果,结合了jQuery的选择器、事件处理和DOM操作,使得网页内容的展示更加生动有趣。通过理解并实践这个示例,开发者可以进一步提升网页交互设计的能力。

    jQuery基于Bootstrap.js表格行展开收缩隐藏代码.zip

    本资源"jQuery基于Bootstrap.js表格行展开收缩隐藏代码.zip"正是利用了这些特性,为表格数据的展示提供了更丰富的交互体验。 首先,我们来详细解释这个功能的工作原理。在网页中的表格,尤其是包含大量信息的表格,...

    原生js水平手风琴点击标题杂志图片水平自动切换

    在JavaScript(js)编程中,"手风琴"效果是一种常见的用户界面交互设计,它通常用于展示和隐藏内容,使得用户界面更加简洁且易于导航。在这个特定的场景中,我们讨论的是一个水平方向上的手风琴效果,结合了标题点击...

    html5 jquery 标题折叠 内容展开.rar

    在这个"html5 jquery 标题折叠 内容展开"的示例中,我们探讨的是如何使用这两种技术实现一个可折叠的标题系统,允许用户点击标题来展开或隐藏相关内容。这种功能在网页设计中非常常见,特别是在手机端,因为它们有助...

    jQuery点击显示隐藏更多文字内容插件

    **jQuery点击显示隐藏更多文字内容插件** 在网页开发中,常常遇到长文本展示的问题,尤其是在有限的空间内,需要控制内容的显示量以保持页面整洁。`jQuery`点击显示隐藏更多文字内容插件正是为了解决这个问题而设计...

    点击隐藏就隐藏,点击隐藏就变为点击显示

    "点击隐藏就隐藏,点击隐藏就变为点击显示"这个标题所描述的功能,就是一种常见的交互设计,它允许用户通过点击一个按钮或者链接来切换某个元素(如表格)的显示与隐藏状态。这种功能在许多网站上都有应用,比如数据...

    点击元素以外的地方隐藏元素插件

    "点击元素以外的地方隐藏元素插件",即clickOutHide,是一个基于jQuery的插件,专门用于实现一种交互效果:当用户点击页面上除特定元素之外的任何地方时,该特定元素将自动隐藏。这个插件为开发者提供了一个灵活且...

    仿博客或留言板里面点击更多按钮展开详细信息

    这种技术主要依赖JavaScript(JS)来实现,它提供了丰富的功能来处理用户交互和动态更新页面内容。 首先,我们需要理解HTML结构。在博客或留言板中,每个条目通常包含一个标题和详细内容。标题是预览信息,而详细...

    高德地图点聚合,点聚合点击事件,单点点击事件

    二是"单点点击事件",当用户在聚合点展开后的多个点中进一步选择一个点时,可以触发单个数据点的详细信息展示。 "信息窗体"是高德地图中用于显示详细信息的一种组件,通常在点击地图上的点或者标记时弹出。信息窗体...

Global site tag (gtag.js) - Google Analytics