切换以展开div (多个)

文章/答案/技术大牛

发布

1回答

javascript、toggle

我目前使用这个jQuery方法，让div元素的大小受到限制，但一旦单击，就展开以适应文本的长度： document.getElementById("toggle").onclick = function</p><a id="toggle">more</a></code></pre> http://jsfiddle.net/TbdgL/ 但是，我在尝试获取要

浏览 16提问于2019-04-06得票数 0

4回答

切换按钮以展开/折叠div

jquery、css、toggle

我有两个div相邻，并希望使用切换功能折叠一个div(侧栏)的水平，而扩展另一个(地图)，以获得前者的全部宽度。然后，我将需要切换，以使两个div回到他们原来的宽度/位置。

浏览 4提问于2014-06-13得票数 2

回答已采纳

3回答

使用jQuery展开/折叠项目列表

jquery

我有一个博客帖子列表在一个页面上，需要给用户的能力，以展开/折叠每个细节。我看过像next()这样的选项，但每个博客帖子的结构并不真正允许兄弟姐妹。<div class="post"> <ul> <li>Permalink</li><li><a href="#"

浏览 0提问于2013-07-10得票数 0

回答已采纳

1回答

让页面滚动以显示div元素的全部内容？

jquery-selectors

我使用一个简单的javascript切换函数来展开div以显示其内容。如果div位于屏幕底部附近，它会展开，部分div会从屏幕上消失。如何让页面自动向下滚动以确保div在视图中？

浏览 2提问于2011-08-01得票数 0

2回答

.toggle()所有高度大于99px的div

jquery

我正在制作一个手风琴类型的效果，使用切换来扩展和收缩div的高度。我想用一个条件来选择展开的div，如果高度超过99px，我认为这是只选择展开的div的最好方法。我哪里错了？

浏览 1提问于2012-10-09得票数 1

2回答

加载时自动切换展开/折叠箭头

javascript、jquery、html、css

单击任何菜单项时，列表将展开以显示其内部子菜单项。我的问题是，当页面加载时，其中一个菜单项会崩溃，但箭头不会随之折叠，当我再次单击该菜单以折叠/切换回时，箭头将开始切换。<a href="#" >

浏览 7提问于2013-09-16得票数 0

1回答

展开角SlickGrid中的多行清除先前展开的行的行展开视图。

angular、slickgrid、angular-slickgrid

我面临着关于角SlickGrid行细节特性的问题，当我展开多个行，然后返回到前面的行时，它们就变成空白了。否则，向下滚动一点，展开另一行，向下滚动更多，展开<

浏览 2提问于2020-07-29得票数 0

5回答

Jquery切换-在多个div上展开/折叠

jquery

我最近发现了一些非常容易使用的Jquery代码，它们基本上切换为可见和不可见的div。<a id="toggle" href="javascript:void(0);">Expand box 1</a> <

浏览 2提问于2011-06-24得票数 1

回答已采纳

1回答

如何在具有相同类名的多个元素上切换类

javascript、css、toggle

我正在尝试创建一个函数，该函数可以侦听使用同一个类名单击多个元素，然后单击之后，在具有特定类名的下一个元素上切换一个特定的类名。我试图使用循环遍历所有的“按钮”(class=“单击- to -展开”)，当您单击特定的按钮时，它应该遍历特定的div并在下一个元素上切换一个类名(class=“展开”)。> <div class="click-to-expand">+</

浏览 0提问于2019-08-29得票数 2

回答已采纳

1回答

如何以角度展开/折叠多个面板？

angular、angular5

如何一次展开多个手风琴(面板)项目。也可以通过再次单击展开/折叠操作来切换。ngFor="let department of getAllDepartments; let i=index"> <divfa" ></i> <strong class="categoryNam

浏览 0提问于2019-08-28得票数 1

2回答

防止嵌套元素触发父元素的事件

javascript、html、jquery、dom、jquery-events

结构：<div class="parent">Parent</div> 父元素的样式设置为隐藏溢出内容，并在单击时切换其高度。当用户单击时，父元素将展开以<

浏览 1提问于2013-08-24得票数 12

回答已采纳

1回答

JS:仅触发一个节的事件处理程序

javascript、css

我正在向每个栏添加事件处理程序，这将切换类和扩展/收缩高度。这将对每个部分执行此操作，因此我可以一次展开多个部分。如何更改此代码，使其在单击一个条形图时展开另一个条形图的位置，它将自动缩回该高度并仅展开新的条形图--以便一次只展开一个。transition: height 600ms ease-in; }</head> <body&g

浏览 0提问于2020-12-04得票数 0

1回答

反应中的膨胀和折叠Div

css、reactjs

下面的沙箱显示了两个展开和折叠的div，我只是对一个模板进行测试。每一个都会切换、展开/折叠隐藏在右侧的div。代码框：谢谢。

浏览 3提问于2020-12-11得票数 0

回答已采纳

1回答

当unique设置为true时jQuery插件树形视图的切换问题

jquery、jquery-plugins、treeview

我正在尝试位于以下位置的TreeView插件：其中一个选项是“独一无二的”--一次只展开一个项目。它可以很好地用于显示，但我会尝试连接到TreeView的“切换”属性/事件，以找出到底是哪一个被展开了。当“唯一”设置为真时，传递给“切换”的函数似乎会为每个主要列表元素触发，使我无法捕获哪个元素实际初始化了扩展。我明白为什么要这样做了--确保其他元素被切换，只有一个元素被展开。关于如何仅获取切换/展开的“唯一”列表

浏览 0提问于2009-09-01得票数 1

回答已采纳

1回答

循环中不显眼的切换

html、ruby-on-rails、toggle、unobtrusive-javascript

我在一个包含许多记录(订单)的视图中使用了不显眼的切换。我让它在单独的div上工作，但现在我想让它工作，这样每个订单都可以在循环中使用自己的切换链接单独展开/收缩(该链接也是循环的)。当我的可扩展div被称为x时，问题是切换按钮的每个循环都只是切换第一个div，而不是在它自己的迭代中切换div -我想最好的方法是使用order_id作为每个可扩展部分的标识符？looping expandable d

浏览 2提问于2010-06-04得票数 0

回答已采纳

2回答

重复性.toggleClass问题

javascript、jquery、toggle、toggleclass

我有一些重复的div，我试图在上面.toggleClass多个元素，但在不更改其他元素的情况下无法指向正确的元素。基本上，我有一堆具有相同ids和类的div，我只想通过单击带有类"a_expander“的链接来切换每个div以展开。我希望在"a_collapse a_expand“之间切换#result类，并在"rescellLc rescellLe”之间切换#resthumb，如下所示 <

浏览 1提问于2013-09-01得票数 0

1回答

保持不断扩展的内容，防止向下推送页脚

html、css

在下面的页面上：div class="content left" style-"margin-right: 30px; min-height: 500px"> .content { background

浏览 0提问于2013-02-18得票数 0

回答已采纳

1回答

DOM中divs的响应重组

javascript、vue.js、tailwind-css

我的项目使用Tailwind + Vue 2，我使用Vue迭代一个列表并显示多个行。每一行都开始折叠，并有要展开的选项。预期的行为如下：在桌面上折叠，显示切换

浏览 3提问于2022-04-29得票数 2

回答已采纳

2回答

Jquery阅读更多切换

jquery、html、toggle、expand

我正在寻找添加一个‘阅读更多’切换按钮到一个HTML网站，所有我发现要么只能在一个或两个浏览器工作，或不完全是我要找的。我只是想有一个文本段落与‘阅读更多’下方，当点击‘阅读更多’更改为‘阅读更少’和div展开以显示所有的文本。它还需要能够包含多个<p>和一个列表。如果它的动画显示一个平滑的滚动，并且如果可能的话，它将在“阅读更多”之前显示一定数量的字符，而不是div高度，这将是很棒的。有人能帮上忙吗？提前感谢！

浏览 1提问于2016-01-21得票数 0

6回答

切换多个div以显示隐藏

javascript、jquery、show-hide、function-parameter

好了，我有多个div(7)，我想切换它们来显示隐藏。如果一个div是打开的，其余的应该隐藏，当我打开一个新的div时，其他的应该隐藏。function() { $(this).next().fadeIn("slow"); } 其中.head是每个div的头文件，.Content是div的类。我有7个li条目，对应于7个div</em

浏览 4提问于2011-07-24得票数 1

回答已采纳

点击加载更多