如何使用JAVASCRIPT而不是jQuery使div在点击按钮时可展开-可折叠到左侧？

文章/答案/技术大牛

发布

1回答

javascript、html、css、typescript

我有一个面板，其中包含一些选项，如下图所示：在标题上有一个箭头按钮，我正在寻找的是，如果我单击该按钮，它应该会扩展到左侧，如图所示：例如:如果我假设有20个选项，它将向左打开，就像在每个部分中显示如何使用javascript、html和css来实现这一点，前提是所有内容都是动态的。任何帮助都将不胜感激。谢谢

浏览 8提问于2020-02-10得票数 0

1回答

onclick事件-使用id以外的内容调用按钮

javascript、button、onclick、autoresize

当用户点击一个按钮时，我试图重新运行一段javascript。该网站是在CMS中创建的，所以我没有访问按钮来给它一个id。然而，在firebug中，我注意到它有这些值->有没有什么方法可以通过使用'Continue‘的值来调用它呢？我已经创建了一个名为' lightpole‘的<

浏览 1提问于2011-08-02得票数 2

回答已采纳

3回答

展开/折叠jquery中的所有列表

javascript、jquery

我正在尝试在网页上放置一个按钮，它使用jquery来构建可折叠列表，以展开/折叠所有列表。然而，我对jquery和javascript编码还是相当陌生的，所以我遇到了一些问题。我已经把按钮放进去了，但是它的代码没有响应，当我单击它时，我在检查器中收到了这个错误："TypeError: HTMLInputElement不是一个函数(计算'ShowHide()')

浏览 1提问于2015-08-15得票数 2

3回答

展开和折叠，并以锚的链接作为目标

javascript、jquery、html

我试图使用jQuery和jQuery折叠来构建链接列表，其中链接可以在第一次单击时展开或折叠，如果它被展开，则在第二次单击时，链接将带您到指定的href。为了解决我的问题，我在这里做了一个小把戏： <div class="title"><a href=

浏览 2提问于2015-05-21得票数 0

回答已采纳

5回答

如何制作像envato这样的浮动侧边栏？

javascript、jquery、css、html

我真的很喜欢下面站点左侧的浮动面板：我该如何做到这一点？有没有一些使用html5、JavaScript或jQuery的教程？注意:到目前为止，所有的答案都只涉及浮动栏，而不是单击浮动栏上的链接以显示向右展开的窗口。

浏览 1提问于2011-08-13得票数 4

1回答

如何获得可伸缩的div的高度

jquery

希望在这方面得到一些帮助，我不是jQuery方面的专家，所以请容忍我。我有2个可扩展/可折叠的<div>，它包含动态搜索细化链接，默认的折叠状态显示前12个链接和一个“显示更多”按钮，当单击该按钮时会扩展<div>以显示完整的链接集。我需要知道这些<div>的高度，就像这样： var heightRefLinks = $('.search-refine').outerH

浏览 2提问于2012-07-02得票数 1

1回答

Drupal:使文本字段可折叠

jquery、drupal

Drupal中的字段集是可折叠的。有没有一种简单的方法可以将这种功能重新循环到内容类型中的文本字段？文本字段通常呈现为 <div class="field-label"> Myfield Label: </div> <div class="field-i

浏览 1提问于2010-12-17得票数 0

回答已采纳

3回答

嵌套引导可折叠按钮的jQuery show.bs.collapse事件在比预期更多的按钮上触发

javascript、jquery、twitter-bootstrap、nested

我使用Bootstrap来制作可折叠的嵌套div/按钮。当一个div被展开时，我想折叠它的所有兄弟类，当一个div被折叠时，它的所有子级崩溃(所以扩展的div只从一个根div到一个内部div的一条路径)。我选择使用jQuery，而不是使用Bootstrap的手风琴-

浏览 6提问于2015-08-18得票数 13

回答已采纳

1回答

jquery移动页脚中的可折叠页脚在单击页面后向下展开。

jquery、html、jquery-mobile、footer、jquery-mobile-collapsible

嘿，伙计们，我正在学习jquery，并且创建了一个非常基本的页面，其中有一个页眉和一个页脚。基本上，我希望页脚可折叠到，总是向上展开，但我在实现这一点时遇到了问题。如果我加载页面并通过单击按钮打开可折叠的页面，它就会展开(预期的行为)。但是，如果我单击页面上的任何位置，然后单击页脚，则它向下展开。似乎点击页面会分离页脚，即使我使用的是data-position="fixe

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

4回答

使用嵌套div使内容div可点击

jquery、html、z-index

我将jQuery单击事件绑定到内容div，展开它并使隐藏的div(按钮和更多内容)可见。我还有一个事件绑定到按钮，在点击时激活一个模式。使用隐藏/显示方法，div的展开/折叠可以正常工作。问题是在点击按钮后，即使模式被激活，div也会折

浏览 4提问于2011-02-17得票数 0

回答已采纳

1回答

Jquery可旋转-拖动时突然跳转

html、css、jquery-ui

我有一个奇怪的行为，而试图德拉格在我的旋转div。我不确定这个问题是否与Jquery或其他相关。var $myArrow = $('<div class="ui-widget-content sArrow" style="d

浏览 4提问于2015-06-14得票数 1

回答已采纳

1回答

kendo网格中具有锁定特性的细节模板

kendo-ui、kendo-grid

我试着一次使用冻结的列和细节模板，但每次都不受kendo telerik网格的支持，每次尝试时都会收到这个错误：尚卡尔

浏览 0提问于2014-08-11得票数 1

2回答

JS -如何在动态加载内容时在AdminLTE中使框可折叠(正在使用引导程序)

javascript、jquery、html、twitter-bootstrap

我使用的是来自的AdminLTE皮肤，我想在单击左侧的菜单时动态加载页面内容。我通过jQuery实现了这一点： <li><a href="javascript::;" onclick="$('#Content').load('./pages/test.php');"><i class="fa fa-circle-o"></i>Te

浏览 4提问于2015-05-23得票数 1

2回答

jQuery用户界面中类似手风琴的单元素展开组件

jquery、accordion、expander

我需要做的是非常接近jQuery UI单元素手风琴和alwaysOpen=false (在文档中相同的属性称为“可折叠”，但在实践中使用jQuery 1.3.2和jQuery UI 1.6rc6，它似乎是，而不是在单击整个标题时发生。另一个要求是，我希望使用jQuery UI默认UI样式，而不是实现自己的样式表，以便在需要时可以

浏览 2提问于2009-02-25得票数 1

回答已采纳

3回答

如何防止jQuery移动的可折叠扩展？

javascript、jquery、jquery-ui、jquery-mobile、preventdefault

我正在使用JQM折叠小部件。 $("div.ui-dynamic-tabs div.tab_add").on("collapsiblebeforeexpand", function (e) {e.stopImmediatePropagation();

浏览 1提问于2013-09-03得票数 3

3回答

如何切换DIV元素的可见性？

javascript、jquery

我正在使用jQuery切换一个DIV元素，一个很好的例子就是点击上的“注册”按钮我已经使用jQuery实现了类似的东西，但我确信要获得我想要的效果，我必须使用JavaScript，但我不知道如何使用JavaScript我的实现可以在我的中看到，我最初已经将div设置为display:none，并使用jQuery</em

浏览 3提问于2016-04-02得票数 0

回答已采纳

2回答

如何在表单提交到其自身之后处理jQuery错误

javascript、jquery、jquery-mobile、coldfusion

最初，在页面的第一次加载时，表单和验证都如我所期望的那样工作。如果表单是用有效的输入提交的，它也能像我所期望的那样工作。但是，如果表单的输入无效，则尝试展开折叠的可折叠表单，以显示验证错误消息。此部分不工作-可折叠未展开，并引发下列JavaScript错误：一旦收到此错误，其他功能也将停止工作。例如，“取消”按钮无法再折叠可折

浏览 4提问于2014-08-14得票数 2

回答已采纳

3回答

是否可以使用JQuery* Mobile在辅助div类中包含可折叠的内容？*

jquery、html、jquery-mobile

我正在使用Jquery Mobile创建一个iPad应用程序，并希望使用<div class="content-secondary">创建一个导航栏，在该导航栏中包含可扩展的内容现在我可以在二级目录中创建一个简单的基于<li>的导航，但是当我尝试添加可扩展的内容时，它不会像预期的那样呈现--只是显示展开的内容，而没有任何标题或折叠方式。我曾尝试创建一个J

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

回答已采纳

4回答

可扩展的DIV按需点击

javascript、jquery、ajax

我已经搜索了很多，在点击可扩展的div上找到了许多Javascript / jquery的教程。例如我希望这是有意义的。有什么想法吗

浏览 1提问于2010-10-16得票数 0

回答已采纳

1回答

提交时断点- Chrome开发人员工具

html、google-chrome、debugging、google-chrome-devtools

有没有办法在chrome开发者工具上设置一个断点，这样当我点击提交按钮时，屏幕就会暂停？确切地说，提交操作上的中断是如何进行的？

浏览 1提问于2014-01-18得票数 26

点击加载更多