1回答
我不是很好的Javascript，我目前正在尝试添加一个手风琴功能到一个div，以便我可以透露更多的细节。这是我目前的移动网站，
问题：我可以点击“查看更多”，手风琴效果会很好，因为它显示内容。然而，如果我使用网站顶部的过滤器(“移动”、“运动”等)，手风琴效果将不再起作用。
FYI:过滤器使用quicksand.js (过滤插件)&也使用main.js (定制脚本)，但手风琴效果只是使用内联脚本，因为它太小了。
以下是我的js文件列表：
<!-- jQuery -->
<script type="text/javascript" src="h
浏览 2提问于2012-04-10得票数 0
有关于如何在不改变原始.js的情况下设置角引导指令手风琴标题的条件样式的技巧吗？添加ng样式或ng类没有任何效果。
注意:我想避免在手风琴标题内设置div的样式.
浏览 1提问于2014-06-22得票数 0
回答已采纳
1回答
我为wordpress创建了一个手风琴快捷代码，并且运行良好，直到页面上只有一个手风琴……
这就是问题
手风琴在第一页的底部，但第二页就不行了。我使用jQuery jquery-ui.js来实现折叠效果()。
有没有人知道如何修复它，或者在哪里有真正好的教程如何为wp做手风琴短码？
耽误您时间，实在对不起
浏览 1提问于2012-04-29得票数 0
回答已采纳
1回答
我想在图片上应用jQuery的手风琴效果。
我使用这个语法...
// jQuery
$(document).ready(function()
{
$("dt.tooltip")
.addClass("js")
.hover(function()
{
$(this).toggleClass("active").next().toggle();
}
)
.next().hide();
}
);
// Html
<dt class="tooltip">Mail <img s
浏览 2提问于2011-03-07得票数 1
我只是在学习jQuery，弄清楚什么是可能的，找到我的路。
我希望有一个像手风琴一样的div“滑出”，但我不想支付jQuery UI下载的费用，而且我还想允许同时打开多个div。
它怎麽工作?在jquery.ui.accordion.js中，手风琴的滑出效果是如何实现的？是否可以调用.animate()将一个div从display:none移到display:block？(我了解到animate仅适用于数字属性。)
浏览 2提问于2009-12-16得票数 1
回答已采纳
2回答
这是效果的jquery accordion代码：
$(function() {
$( "#accordion" ).accordion({
header: "h3"
});
});
这是数据库(mysql)的输出，它是循环(不确定循环)：
while($showE = mysqli_fetch_array($show))
{
echo $showE['un_name']; /* this should be
浏览 2提问于2013-04-14得票数 3
回答已采纳
1回答
我正在使用。
我注意到，当使用javascript .collapse()方法时，手风琴效应似乎是出乎意料的。看这个。
这里我使用的是$('#collapseOne').collapse('toggle');。为什么？因为要演示以下行为：
最初，由于这段JavaScript，面板#1被扩展。
点击面板#2，给了我们手风琴的效果，就像人们所期望的那样。
单击面板#1会产生意想不到的行为，因为两个面板现在都已展开。
现在，如果您删除，那么javascript并执行以下步骤：
单击面板#1展开
单击面板#2以获得手风琴效果。
再次点击面
浏览 0提问于2016-10-05得票数 2
1回答
我有下面的代码，通过切换.active类来创建手风琴效果。单击.section-header后，我将在标题和.section-content上切换一个类。效果很好。
但是，如前所述，这是为了创建一个手风琴效应，它是由多个.accordion-section <div>标记组成的。我需要调整jquery，以便从除当前活动的.accordion-section之外的每个.accordion-section中删除所有的jquery类。目前，单击.section-header在所有.section-content <div>标记上切换一个.active类。
谢谢。
<d
浏览 4提问于2017-04-26得票数 0
回答已采纳
2回答
我正在使用Bootstrap 3.3.5，并且已经在本地托管它。当给予扩展时
<link href="../extensions/bootstrap-3.3.5/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="../extensions/bootstrap-3.3.5/dist/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="bootstrap-3.3.5
浏览 3提问于2016-03-21得票数 2
回答已采纳
2回答
我有动画选项卡，当鼠标悬停在link h2上(以触发幻灯片动画)时，我会像手风琴一样制作上下滑动效果的动画。
<div class="slideBox">
<div class="pane"><img src="images/homepage/sm1.jpg" alt="Room" /></div><!--pane-->
<h2 class="drkbluebg" style="border-bottom:7px solid
浏览 0提问于2012-10-12得票数 2
3回答
在我的HTML文档之上，我有这个手风琴滑块的JavaScript代码。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js" type="text/javascript">&
浏览 4提问于2014-03-04得票数 0
回答已采纳
1回答
我正在添加新的手风琴部分到我的UIKit数据-uk-手风琴动态，使用ng-重复。
<div class="uk-accordion" data-uk-accordion="{ collapse: false }">
<h3 class="uk-accordion-title uk-active" ng-repeat-start="driver in drivers">Driver {{driver.id}}</h3>
<div class="uk-accordion-con
浏览 0提问于2015-12-09得票数 0
2回答
我有一个默认折叠的jQuery手风琴(collapsible: true, active: false)，它工作得很好，但它太大了。我设法改变了打开的手风琴中元素的大小，但是我无法使折叠的手风琴变小( h3标记)。
我尝试给h3标记一个类名和样式，这个类的字体大小更小，没有效果，并试图将h3标记更改为没有效果的h5。我还尝试将' header：“”h5“选项添加到jQuery手风琴调用中，同时使用h5标记作为标题，但没有任何效果。
任何帮助都将不胜感激。
$(function () {
$("#accordion").accordion({
浏览 6提问于2015-02-23得票数 0
回答已采纳
尝试使用jquery UI和knockout js进行协作时遇到了一个小问题。基本上，我想创建一个通过foreach (或模板)从knockout添加项目的手风琴。
基本代码如下：
<div id="accordion">
<div data-bind="foreach: items">
<h3><a href="#" data-bind="text: text"></a></h3>
<div><a c
浏览 2提问于2012-01-28得票数 11
回答已采纳
我用的是uib-崩溃，而且效果很好！我只希望我能控制一下，我没有超过一个打开的div，而手风琴似乎是一条路。
然而，我发现很难在uib手风琴上应用样式。
是否有方法应用相同的效果，仅使用uib-崩溃？
浏览 1提问于2015-11-09得票数 0
回答已采纳
2回答
我对JS非常陌生，但我想要一个非常简单的手风琴，所以我做了一个。由于某种原因，当我试图在开盘/收市的过程中加入一种宽松的效果时，我会不知所措。任何帮助都将不胜感激。谢谢!
js代码：
(function(){
// This class will be added to the expanded item
var activeItemClass = 'accordion-expanded';
var accordionItemSelector = '.accordion-section';
var toggleSelector = '.accordio
浏览 5提问于2016-01-06得票数 3
回答已采纳
1回答
网格中的手风琴按下内容
、、、、
我有一格手风琴，就像在下面的密码箱里。问题是，当我打开一个手风琴时，它会把下面一行的手风琴都推下来，而我们想要的做法是把手风琴推到它下面，而另一个手风琴则放在位于同一位置的较低的一排。需要在下面的代码中更改哪些内容才能达到此效果？
浏览 5提问于2022-06-07得票数 1
回答已采纳
3回答
我有2个相连的可排序列表。一个在手风琴里面。当我试图从accordion中的可排序项中拖动项目时，一旦我离开accordion，辅助对象就消失了。我可以拖放到其他已连接的排序列表中，该项目将会显示，但它不会在我拖动时显示。如果我向下拖动项目，手风琴也会向下滚动。
我可以从其他列表中的任何一个拖放项目到我需要的任何地方，它工作得很好。如何才能使项目在从手风琴内部拖动到外部时不会消失？
我已经尝试了遏制选项，但似乎没有效果。
下面是用于暴露我从这些示例中提取的问题的代码：
我希望能够将项目从手风琴拖到可排序列表中。我实际上可以将它们放到列表中，但当我将它们拖出手风琴时，它们就消失了。
<ht
浏览 0提问于2010-01-11得票数 1
1回答
滑手风琴到浏览器顶部
、、、、
我有一张手风琴菜单，内容很长。所以我需要在打开手风琴内容时实现幻灯片效果。
目前，如果您打开前两个菜单项，那么最后一个项目将显示视图下面的内容，所以我需要对手风琴菜单项有幻灯片效果。
这是我的密码
$(document).ready(function () {
//Accordion
$(".menu_body").hide();
//toggle the componenet with class menu_body
$(".menu_head").click(function(){
$(this).next(&
浏览 1提问于2013-12-04得票数 0
使用来自jQueryUI的北汽雷德蒙德主题，我的手风琴没有坐好。我认为我的样式表中的一些东西导致了问题，但我删除了它，它仍然很时髦。我剥离了它，回到这里，它仍然在2 x行上包裹三角形图标和文本。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nodes</title>
<link rel="stylesheet&
浏览 1提问于2011-09-26得票数 3
回答已采纳
目前，我正在试验jqueryui隐藏()和show()函数。我唯一能得到的效果就是“折叠”效应。即显示(“折叠”)和隐藏(“折叠”)，每当我尝试另一个效果，如“剪辑”或“褪色”，效果不起作用。有什么原因吗？下面是相关代码的片段。
<script src="./jQuery/jquery.min.js"></script>
<script src="./jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>
<script type="text/java
浏览 4提问于2014-12-19得票数 1
回答已采纳
5回答
我正在寻找一个代码，滚动到当前活动面板标题的顶部，我的引导3html/css手风琴。我在堆栈溢出中找到的最接近的解决方案是下面的js片段。
这个片段运行得很好，但是当单击面板标题时，页面滚动使得面板内容的顶部与屏幕顶部平齐。是否有一种方法来修改这一点，使滚动效果将导致面板“标题”(相对于面板内容区顶部)在屏幕顶部可见？
$(function () {
$('#accordion').on('shown.bs.collapse', function (e) {
var offset = $('.panel.panel-default
浏览 9提问于2014-02-22得票数 11
回答已采纳
编辑：我找到了不用jQuery UI手风琴的解决方案：
JSFiddle： (不要介意左边的空格，这可能是因为禁用了列表编号)
如果我打开一个手风琴，让我们在“列表窗口1”上说，即使我在“列表窗口2”中单击另一个手风琴，它也保持打开。
所以如果我有4个手风琴部分，就可以打开4个手风琴。怎样才能使整个页面上只有一个手风琴可以打开，如果我打开另一个手风琴，那么最后一个就会关闭？只有在手风琴区才有这样的效果。
下面是jQuery：
$(document).ready(function () {
$(".listWindow").accordion({
hea
浏览 1提问于2014-04-02得票数 0
回答已采纳
我需要使用Java扩展和折叠Ajax ToolKit手风琴。
对于崩溃，我使用以下代码：
function collapse() {
$find('HeaderPane_AccordionExtender').get_Pane(0).content.style.display = "none";
}
但是有一个问题，我已经为手风琴面板设置了淡出效果，但是在使用java时不会影响。如何用其定义的属性展开/折叠手风琴？
浏览 3提问于2015-11-17得票数 1
回答已采纳
我正在尝试创建一个具有特定行为的手风琴导航:第一个可折叠内容没有切换链接，而是将在站点开始时显示，以及当以下(第二个)可折叠内容关闭时。
我以前试过用引导折叠特性和jqueryi-ui手风琴来实现这一点，但从未真正按照我所描述的方式工作。所以我用jquery手工构建了它，但现在我无法真正获得“幻灯片和推送”的效果，这基本上是我认为要工作的手风琴元素的“心脏”。
你可以看到它基本上在这把小提琴里运行，有一个不那么漂亮的褪色效果：。
Sry, I have to add fake code here, otherwise I can't post the fiddle-link..
浏览 2提问于2013-11-06得票数 0
回答已采纳
1回答
在我的页面上，我有一个jQuery手风琴和一个鞋带旋转木马。我包括jQuery.js在bootstrap.js之前。在这种情况下，手风琴不起作用。
如果我在使用bootstrap.js之前使用jQuery.js，那么手风琴就能工作，但是旋转木马就不能工作了(这是因为jQuery没有加载)。
我已经看过了：，但我的情况并非如此。
据我所知，在jQuery.js之前加载bootstrap.js是正确的选择，但是如何使手风琴工作呢？
浏览 3提问于2016-07-20得票数 0
1回答
手风琴内容动画
、、
我创建了一个手风琴，并试图在用户尝试单击手风琴头时添加转换效果。
我在手风琴容器中添加了height: auto和transitiion，但是这种努力在这里似乎毫无用处。
var texts = document.getElementsByClassName('text');
[].slice.call(texts).forEach(function (text) {
text.onclick = function () {
text.parentElement.classList.toggle('animate');
}
});
浏览 1提问于2015-07-30得票数 0
回答已采纳
1回答
我有一个表，我已经创建了手风琴一样的效果，它只使用CSS (不使用jQuery)。手风琴的效果是有效的，但是只有当我点击这个小提琴上的复选框时，它才能工作：
(我故意不把复选框藏在小提琴里，这样任何人都可以测试)。
正如您在代码中所看到的，我有嵌套表。如果单击原始行：
<tr for="row1">
<td class="closed">+</td>
<td>123</td>
<td>John</td>
<td>Doe</td>
浏览 2提问于2015-10-15得票数 0
回答已采纳
我正在尝试在我的应用程序中自定义一个折叠。我试过AngularJS UI Bootstrap附带的手风琴插件，但它相当复杂，因为我只需要两个并排的链接，折叠的元素在下面打开，所以我决定包含Bootstrap中的transition.js和collapse.js。
到目前为止，我的代码如下所示：
<div class="logo" id="accordion">
<a data-parent="#accordion" data-toggle="collapse" data-target="#lo
浏览 0提问于2014-04-23得票数 0
我的html如下所示
<div id="menu">
<h3>Section 1</h3>
<div>
<p>I'm the first section!</p>
</div>
<h3>Section 2</h3>
<div>
<p>I'm the second section!</p>
浏览 1提问于2013-02-13得票数 1
回答已采纳
3回答
jQuery &原型冲突
、、、、
我在html页面中使用jQuery AutoComplete插件，其中我还有一个使用原型的手风琴菜单。
它们都完全独立地工作，但是当我试图在一个页面中实现两个组件时，我会得到一个我无法理解的错误。
未明的例外：[例外.“组件返回的失败代码: 0x80004005 (NS_ERROR_FAILURE) nsIDOMViewCSS.getComputedStyle”，结果："0x80004005 (NS_ERROR_FAILURE)“位置："JS框架: Settings/Administrator/Desktop/website/js/jquery-1.2.6.pack.js和S
浏览 9提问于2008-09-25得票数 27
使用天使，我创造了手风琴的效果。与考虑其他面板相比，这一切都是可行的。
我的手风琴有两个面板，当我点击第一个面板，这应该是洗牌状态(正在发生)，并需要关闭其他面板，如果打开。怎么做？
var app = angular.module('myapp', []);
app.controller('MainCtrl', function($scope) {
$scope.one = false;
$scope.two = false;
$scope.accordion = function( label ) {
$scope
浏览 2提问于2016-05-26得票数 0
回答已采纳
3回答
Jquery手风琴滤波器
、、、
我想在jquery中过滤手风琴上的输入文本--手风琴上的标题，请您介绍一下如何实现这一点，我试过使用表格，但是手风琴效果存在于行上，尽管是基于输入过滤的。
<div id="accordion">
<forEach var="group" items="${groups}">
<h3>
<table class="order-table">
<tr style="border-top: 0px;">
浏览 2提问于2014-07-19得票数 4
回答已采纳
我正在使用基金会5，并试图包括在手风琴菜单。当手风琴被点击并展开时，它工作得很好，但在打开时没有按下下面的内容，而是在下面内容的背景上打开，而是在下面内容的内容下打开。
我试着把手风琴的z指数改为0，但没有帮助。我还添加了clearfix类，但没有效果。
如有任何帮助或建议，将不胜感激。
谢谢，皮特
浏览 5提问于2014-03-10得票数 0
回答已采纳
1回答
我用jQuery slideToggle()来实现手风琴的效果。我没有使用实际的手风琴控制规格和更好的定制原因。我面临的问题是，在目标元素被切换后，它的父元素不保持垂直位置，即它向下滑动(请参见图像下面和)。我在文档中找不到任何有用的东西，其他“从下往上滑”的例子也不符合我想要的效果。
是否有任何方法使父母保持在相同的顶部垂直位置？
浏览 0提问于2013-11-07得票数 1
回答已采纳
1回答
我有这个手风琴效果，我增加了我的项目。为此，我增加了一些箭头，必须与手风琴一起动画。问题是，我已经设法使箭头旋转，但这种效果应该只影响我单击的元素，而不是所有使用手风琴效果的元素。有人能帮我解决这个问题吗？
非常感谢
// Accordion javascript function with Jquery
$(document).ready(function(){
$('.accordion-title').click(function() {
$(this).toggleClass('open');
$accor
浏览 2提问于2021-03-11得票数 2
回答已采纳
1回答
如果我访问手风琴的内容，如何避免jQuery手风琴标题的自动调整？
剧本：
<script type="text/javascript" >
$(document).ready(function() {
$("#dvAccordion").accordion(
{ autoHeight: false,
collapsible: true
}
);
});
</script>
标记：
<div id=&
浏览 0提问于2011-06-22得票数 0
我在这里发布了这个问题的复制品：
我正在尝试使用基础6的手风琴：
据我所知，我已经正确地遵循了指令。
但是当单击手风琴标题时，手风琴什么也不做。如果要滚动页面，单击折叠标题将使页面滚动到顶部。JS控制台未出现错误。
我已经检查了手风琴的JS是否存在:它确实存在。为了验证这一点，我在foundation.js中搜索了“accordion”。
我还可以试试别的吗？
浏览 0提问于2018-06-06得票数 0
2回答
我有一张手风琴菜单，内容很长。所以我需要在打开手风琴内容时实现幻灯片效果。
目前，如果您打开前两个菜单项，那么最后一个项目将显示视图下面的内容，所以我需要对手风琴菜单项有幻灯片效果。
这是我的密码
$(document).ready(function () {
//Accordion
$(".menu_body").hide();
//toggle the componenet with class menu_body
$(".menu_head").click(function(){
$(this).next(&
浏览 3提问于2013-12-04得票数 1
回答已采纳
答案可能是否定的，但在IE6中，jQuery应用jQueryUI手风琴控件的速度很慢，这意味着在手风琴样式应用之前，手风琴后面的非样式链接可能会在四分之一到半秒内可见。
这非常分散人的注意力，所以我继续隐藏div，并让jQuery在加载时将其解除。
结果仍然是分散注意力，虽然没有那么分散注意力。在任何现代浏览器中，你都看不到这种效果，只有IE6。
编辑：--我已经更新了下面的站点，这样整个内容div就被隐藏了，并且弹出了jQuery。可以说是更糟。
参见：的结果
在火狐或任何现代浏览器中，你不会注意到菜单上的弹出效果，但在IE6中你会注意到一个明显的弹出效果。
有什么办法可以改善手风琴的应用时
浏览 4提问于2009-08-19得票数 1
回答已采纳
1回答
当不同的手风琴展开(输入:选中)时，我试图使图片(在我的网页上)的不透明度发生变化。
这是一个有问题的网站：
你会看到左边的“你的车正在接收:包裹菜单”亮起了你悬停在上面的任何包裹。我正在努力使灯打开时，他们的匹配手风琴标签被扩大。
这是我正在修改的js (hoverfunctions.js)，以达到预期的效果。
jQuery(document).ready(function($) {
jQuery("ul.container input#ac-1").click(function() {
$('img.top').css({
opa
浏览 3提问于2014-12-02得票数 0
回答已采纳
我一直在尝试在bootstrap 3手风琴中使用holder.js。但holder.js图像中心的“大小”文本变为0x0，文本向上移动到顶部，而不是居中。如果我将相同的代码删除，并将其放在手风琴之外，它就能完美地工作。
它在手风琴中的图像：
它在手风琴外的图像：
任何建议都会很有帮助。提前谢谢你。
浏览 0提问于2014-08-22得票数 0
我使用jQuery手风琴效果来显示一些信息。我包括图书馆：
drupal_add_js('http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', file);
drupal_add_js('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js', file);
这些似乎很好，因为包括它们之后，我可以粘贴。
jQuery(".accordion").accordio
浏览 0提问于2012-08-22得票数 1
回答已采纳
1回答
我有一些基本的手风琴风格元素，使他们的内容在点击。但是，其中一些手风琴包含一个特定的子元素()，在出现时，我希望在整个手风琴元素上禁用手风琴效果。因此，如果页面有10个手风琴元素，其中5个包含子元素，那么后一个手风琴元素应该是静态的，即不包含slideToggle。
我一直在尝试将我的代码包装在一个条件中，比如，如果父做，而不是，有一个带有的子程序，那么它会执行手风琴代码else，它会从父程序中解除对click函数的绑定。
function team () {
if (!$('.accordion').children().hasclass('.normal&#
浏览 0提问于2015-11-03得票数 0
回答已采纳
1回答
我用的是JqueryUI手风琴，效果很好。我有一个这样的结构：
<div id="accordionHolder">
<div id="accordionOne"> </div>
<div id="accordionTwo"> </div>
<div id="accordionThree"> </div>
浏览 2提问于2016-02-12得票数 0
1回答
嵌套UI手风琴？
、、、、
我正在使用
以下是html结构
<div class="accordion">
<div class="accordion-section">
<div class="accordion-head">
</div>
<div class="accordion-body">
</div>
</div>
<div class="accordion-section">
浏览 0提问于2015-06-24得票数 1
回答已采纳
我不想仅仅为了达到这个简单的效果而使用整个库(jQuery UI)。我所使用的代码在一定程度上起作用，但当浏览器的大小调整到1000 it以下时，它就会压缩。
结果出现在我的FAQ页面上： (当屏幕变小时，你会注意到答案开始隐藏在下一个手风琴后面)
我试着用“他们”代替"px“，但那行不通。我该怎么做才能使它像普通的手风琴一样适用于所有屏幕尺寸？
<ul id="accordion">
<li><p>Question...</p></li>
<li><p>Answer...</p&
浏览 2提问于2018-05-26得票数 0
回答已采纳
2回答
我在UL上使用jQuery的手风琴，其中大多数LI条目都将变成手风琴，每个条目都显示在它们下面的链接列表。效果很好。但是当然，客户端希望列表中的几个节点只是列表中的单个链接。他们没有类别，而且在最高层。
是否有一种使用jQuery手风琴的方法可以让它跳过一个节点？我目前的目标是在UL节点上使用手风琴()方法，它将每个LI都转化为手风琴。当我以每一个李为目标时，事情就显得很奇怪。
所以我想要的是：
<ul class="accordion">
<li class="leavemealone"><A>mylink</a&
浏览 0提问于2020-10-28得票数 0
回答已采纳
我有一个使用JqueryUI.I的手风琴效果的列表，我可以交换列表中的内容。然而，一旦我交换了内容，我就失去了所有的Jquery样式效果，我在论坛上做了一些研究，人们说，一旦我交换内容，我就应该销毁和重新初始化手风琴，.I已经尝试了所有的方法，但是它们都不起作用。
$(document).ready(function(){
$('#accordion').accordion({collapsible: true,active:false,heightStyle: 'content',event: 'click hoverintent'}
浏览 1提问于2016-03-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
