`

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实现点击向下展开的下拉菜单效果代码

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

    jQuery点击展开显示文字内容代码

    这个功能默认隐藏详细内容,仅显示标题,用户点击标题后,内容会展开,同时按钮文字也会从“展开”变为“收起”。再次点击时,内容会收起,按钮文字恢复为“展开”。 首先,我们需要理解jQuery的基本概念。jQuery是...

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

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

    Vue.js 点击按钮显示/隐藏内容

    如何使用vue进行按钮点击后指定区域内容隐藏,再次点击按钮隐藏内容显示。实现思路:首选需要设置一个属性为true(show:true),然后使用v-if把show属性绑定到要显示与内容的标签身上,最后给点击按钮添加点击事件,当...

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

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

    内容隐藏点击滑动

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

    点击展开收藏完美js

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

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

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

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

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

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

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

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

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

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

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

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

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

    Node.js-极其简便的快速实现隐藏标题栏和导航栏

    标题 "Node.js-极其简便的快速实现隐藏标题栏和导航栏" 暗示了我们主要探讨的是在Node.js环境中,如何实现一个特定的UI交互功能,即在滚动时动态隐藏和显示标题栏及导航栏。尽管这个标题可能与Android开发相关,但...

    js 点击切换和点击伸缩

    首先,"点击切换"是指用户点击某一元素后,页面上的另一部分内容发生显示或隐藏的变化。这种功能通常通过JavaScript事件监听和DOM操作来实现。例如,我们可以为一个按钮添加`click`事件监听器,当用户点击按钮时,...

    js-实现可展开隐藏导航菜单按钮特效.zip

    简单实用可展开隐藏导航菜单按钮js特效代码下载。这款菜单的特点是点击按钮时可以展开菜单,展开的时候带有弹性的动画特效,效果相当酷。菜单项是一些小图标,当然你也可以使用图标结合文字的方式,由于隐藏/展开的...

    js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单

    "js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单"是一个专门针对这种交互需求设计的功能。这个功能通常应用于那些层次结构较深、内容较多的网站,使用户能够更加方便地探索和定位信息。 在实现这样的导航...

    JavaScript可展开隐藏的侧边栏圆形菜单DEMO演示

    JavaScript在这里的作用是提供动态行为,比如点击菜单项时展开或隐藏侧边栏。这通常涉及到事件监听器,如`addEventListener`,来响应用户的点击事件。当事件触发时,JavaScript会执行相应的函数,例如改变菜单项的...

    基于jquery 的点击标题显示内容的手风琴效果应用.zip

    本压缩包“基于jquery 的点击标题显示内容的手风琴效果应用.zip”提供了实现手风琴效果的具体示例,这种效果常见于导航菜单、FAQ列表或折叠内容区域,用户点击标题后,相应内容会展开或收起,类似手风琴的开合动作。...

Global site tag (gtag.js) - Google Analytics