如何加载一个全部关闭的手风琴，然后打开onclick？
加载一个全部关闭的手风琴，然后通过onclick事件打开，可以通过HTML和JavaScript实现。
首先，手风琴是一种常见的网页组件，用于展示一系列折叠面板，用户可以通过点击标题来打开或关闭对应的内容区域。
以下是一个实现加载全部关闭的手风琴并通过onclick事件打开的示例：
HTML代码：
<div class="accordion">
<div class="panel">
<div class="panel-header" onclick="toggleAccordion(0)">标题1</div>
<div class="panel-content">
内容1
</div>
</div>
<div class="panel">
<div class="panel-header" onclick="toggleAccordion(1)">标题2</div>
<div class="panel-content">
内容2
</div>
</div>
<div class="panel">
<div class="panel-header" onclick="toggleAccordion(2)">标题3</div>
<div class="panel-content">
内容3
</div>
</div>
</div>CSS代码：
.panel {
border: 1px solid #ccc;
margin-bottom: 10px;
}
.panel-header {
background-color: #f0f0f0;
padding: 10px;
cursor: pointer;
}
.panel-content {
display: none;
padding: 10px;
}JavaScript代码：
function toggleAccordion(index) {
var panels = document.getElementsByClassName('panel');
var content = panels[index].getElementsByClassName('panel-content')[0];
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
}在上述代码中，使用了一个包含多个.panel元素的容器，每个.panel包含一个.panel-header和一个.panel-content。通过点击.panel-header，调用toggleAccordion函数来切换对应.panel-content的显示和隐藏。
该示例中，初始状态下所有的.panel-content都是关闭的，当点击对应的.panel-header时，通过修改.style.display属性，切换.panel-content的显示和隐藏。
你可以将示例代码中的标题和内容替换为实际的内容，以满足你的需求。同时，你可以根据自己的喜好和需求，对手风琴的样式进行自定义。
此外，腾讯云提供了丰富的云服务和产品，其中也包括与网站开发相关的产品。你可以根据具体需求选择适合的产品，比如云服务器、云数据库、CDN加速等。关于腾讯云的更多产品信息，你可以访问腾讯云官网：https://cloud.tencent.com/
相关·内容
1回答
我有一个手风琴部分，需要实现两件事：
默认情况下，在页面加载时打开第一个手风琴。
每次我点击关闭的手风琴，打开它并关闭先前打开的。总是把最大的手风琴打开。
window.PXUTheme.contentCreator.accordion = {
init: function () {
const $accordionHeading = $('.accordion > dt > a, [data-cc-accordion] > dt > a');
$('.accordion > dd, [data-cc-a
浏览 16提问于2022-04-15得票数 0
1回答
我在一个组件中有两个按钮。和2手风琴在一个不同的组件叫做用户，我想打开第一手风琴在第一按钮点击和第二手风琴在第二按钮点击，在页面加载如何区分它的需要打开第一或第二手风琴，当我有相同的网址和相同的id。默认为第一手风琴。
<button onclick={()=>history.push('/user/25')}>
Navigate to 1st accordian
<button>
<button onclick={()=>history.push('/user/25')}>
Navigate to 2nd ac
浏览 1提问于2022-10-01得票数 0
回答已采纳
2回答
这是我的手风琴，我如何应用一些样式表对此，所以看起来像一棵树。
例如：手风琴标签关闭时的+，手风琴打开时的-
<div class="Accordion" id="systemAccordion" tabindex="1">
<div class="AccordionPanel">
<div class="AccordionPanelTab"> &am
浏览 3提问于2011-06-07得票数 0
回答已采纳
2回答
我遇到了一个问题来反映视图中的值，我不想加载完整的页面，因为加载页面非常昂贵，
我有两个控制器(controller1和controller2)、一个服务(Service1)和两个视图(modalwindow.html和product.html)。
场景是:1.用户在product.html上(包含多个手风琴)，用户显式关闭所有手风琴。
2.用户单击打开模式窗口的图标，因为它打开了模式窗口，因此不会更改地址栏上的URL。
3.模态窗口(Modalwindow.html)具有显示产品的链接，因为产品页面是浏览器上的活动页面(显示产品是用户显式关闭的手风琴)。
在点击链接时，应该在produc
浏览 5提问于2016-04-08得票数 0
1回答
我有一个简单的jQuery手风琴，它需要一个按钮在顶部‘展开/折叠所有’。
到目前为止，我已经让它正常工作了，除了某些项目已经显示，并且单击按钮时，“其他”项展开/折叠--留下已经打开的项来做相反的事情。
我需要找到某种类型的重置，这将基本上关闭和重新打开所有项目，反之亦然。
请参阅下面的手风琴和折叠代码：
<script type="text/javascript">
(function($) {
$(function() {
$(".faq-accordion > div").accordion({ header:
浏览 2提问于2014-12-09得票数 0
回答已采纳
我在我的网页上使用jQuery手风琴与基金会。
当我第一次访问该页面时，手风琴呈现为关闭状态。
但是，如果我打开手风琴，离开页面，然后返回页面，在页面加载的瞬间，你可以看到手风琴是打开的，然后jQuery开始工作，你可以看到它关闭。
这非常令人沮丧，我找不到任何好的理由或例子来解释为什么会发生这种情况。
我正在使用Rails4，我不知道这是不是turbolinks，我的jQuery accordion函数的问题，或者是它渲染缓存网页的方式的问题。
我对accordion使用的jQuery函数是：
var acc = document.getElementsByClassName("ac
浏览 1提问于2016-10-04得票数 0
1回答
我的系统中有一个手风琴，它通过ajax填充内容。在本系统中，它是在onClick事件中提到的。因此，函数调用发生在打开和关闭时间。
我只需要把它限制在手风琴的开放时间。
浏览 0提问于2012-07-16得票数 0
2回答
我尝试了一个定制手风琴，其中第一个默认打开时，页面加载。手风琴共有3部。当手风琴打开的时候，我得把手风琴关上。
我试着给一个像“活动”这样的定制类来连接到关闭的手风琴上。手风琴的内容来自API。
<div class="card-accordion">
<div
class="card"
*ngFor="let q of popUpContent?.questions; let i = index"
>
<div
浏览 1提问于2019-01-21得票数 2
回答已采纳
在Google上搜索时，我只需要找到带有不必要的长html和css代码的替代手风琴，这就是为什么我想使用这个。
联署材料：
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (pa
浏览 0提问于2017-07-20得票数 3
回答已采纳
我用JavaScript创建了一个嵌套手风琴。在加载时，两个父手风琴是关闭的，但是嵌套手风琴都是打开的，箭头指向错误的方向。如何使它成为所有嵌套手风琴也关闭？
下面是代码：
这是手风琴的代码
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
/* Toggle between adding and removing the "active"
浏览 2提问于2017-04-07得票数 0
回答已采纳
jquery accordion应该在页面加载时打开。页面加载后，完整的手风琴应该自动压缩。
jQuery().ready(function(){
jQuery('#portslid').accordion({
collapsible: true,
autoheight: false,
alwaysOpen: false,
active: false,
animated: "bounceslide"
//animated: 'easeslide'
});
});
浏览 0提问于2011-11-14得票数 0
回答已采纳
1回答
Jquery手风琴关闭
、、、
我正在为一个网站创建一个移动手风琴导航。我有一个基本的手风琴设置，问题是当我打开一个选项卡时，我希望其他选项卡自动关闭，因此只能同时打开一个选项卡。我试过几样东西，但我不能让它起作用。这是代码-
// Dropdown Menu
var dropdown = document.querySelectorAll('.dropdown');
var dropdownArray = Array.prototype.slice.call(dropdown, 0);
dropdownArray.forEach(function (el) {
var button = el.qu
浏览 2提问于2015-07-07得票数 1
回答已采纳
当我点击任何手风琴时，每个手风琴都会打开。有人能帮我吗?我想一次只打开一个。 const [isActive, setIsActive] = useState(false); <div className="accordion">
{Object.values(mapped).map((item, index) => (
//{predefined.map(({ date }) => (
<div className="accordion-item">
<div
浏览 23提问于2021-10-05得票数 0
1回答
我试图建立一个简单的jQuery手风琴，但在页面加载的手风琴是50%的页面宽度，并有其他50%的内容。打开手风琴时，内容将消失(使用hide('slow');或slideToggle('slow');滑出)，手风琴将变为100%。一次可以展开多个节，但在关闭所有节之前，内容不能返回查看。 我现在所拥有的在第一次点击时就可以完美地工作，内容会打开并展开，关闭相同的部分也可以关闭内容返回内容，但是如果我打开一个然后打开另一个，内容返回，折叠打开第二部分，但返回到50%。 HTML： <div class="wrapper">
&
浏览 16提问于2020-07-22得票数 0
回答已采纳
1回答
所以我试着用jquery构建我的小手风琴，每次我推手风琴，他们会添加一个打开的类，然后删除关闭的类。但是现在我想在手风琴里打开最多一件东西。我想不出如何在我的代码中构建它。
当已经有一个打开的类时，当您按下它关闭的按钮时，它会将一个打开的类添加到您当前的项中。
var accordion = ".accordion .section";
$(accordion).addClass("closed");
$(accordion).click(function(){
var $this = $(this),
$content = $thi
浏览 4提问于2015-08-25得票数 0
回答已采纳
2回答
我使用jquery在单击时扩展父div的高度，这是基于绝对定位的手风琴的高度。在这种情况下，它必须是绝对定位的。
每个手风琴按钮都有自己的功能，父键的高度将是手风琴标题(按钮)+内容，并将根据手风琴的哪个部分打开而改变。
问题是，为了动态地获得正确的高度，我需要知道在打开状态时内容的大小，因为文档加载的默认关闭状态是height:0;。
$('.button').click(function(){
var accordionHeight = $('.accordion-content').height(); //default closed state,
浏览 1提问于2017-08-23得票数 0
回答已采纳
我有一个手风琴，它的工作方式我需要它，除了一件事。单击其中一个手风琴项目后，如果单击另一个已折叠的项目，则打开的项目将关闭，但刚刚单击的项目将不会打开。
有人能发现我代码中的问题吗？
const [activeAccordion, setActiveAccordion] = useState(-1);
const handler = (index) => {
setActiveAccordion(currentItem => currentItem === -1 ? index : -1);
};
// relevant section of code below...
浏览 2提问于2022-07-22得票数 1
回答已采纳
2回答
我使用以下代码作为我想使用的手风琴类型，但它允许选择和打开多个面板。我想让它强制关闭其他面板，只打开选定的面板：
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("select").change(function(){
$(this).find("option:se
浏览 0提问于2017-10-18得票数 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
回答已采纳
这个代码来自MUI，请看那里，当你打开第一个手风琴，然后你打开第二个手风琴，第一个手风琴不是关闭的。现在我想获得同样的功能，但是当我通过数组( map )完成时，它对我不起作用，然后打开第一个手风琴，然后打开第二个手风琴，然后第一个手风琴自动为我关闭，这都是因为我自己控制打开，然后通过setExpanded关闭。请告诉我如何解决这个问题，以便我可以同时打开第一和第二手风琴。
const [expanded, setExpanded] = useState(null)
const handleChangeExpanded = (panel: string) => (event,
浏览 6提问于2022-04-27得票数 0
1回答
有人知道在Foundation 5中使用外部锚点链接打开手风琴面板的方法吗？
我试过使用锚链接，它只是加载页面，而不是打开面板。
我还尝试使用Stack Overflow上已经有的响应，但似乎什么都不起作用。
我试图实现的是，当单击锚点链接时，页面加载，滚动到面板，然后打开它。
浏览 2提问于2014-02-10得票数 0
我有一个手风琴，当我点击标题时它就会打开。我还添加了一个人字形，当它打开时我想改变它的方向。我不确定如何使用accordion来做到这一点，因为我不会因为点击按钮而改变状态。我的手风琴代码： <Accordion defaultActiveKey="0">
<Card>
<Accordion.Toggle as={Card.Header} eventKey="1">
Roll History <FaChevronDown />
</Ac
浏览 36提问于2019-12-25得票数 3
回答已采纳
2回答
我有一个ajax手风琴，我想在页面加载5秒后关闭它。我试着用javascript来做这件事，但是没有运气。我试图将SelectedIndex的手风琴控件更改为将折叠手风琴的值。SelectedIndex =0是打开的(默认)，在javascript计时器用完后，我试图将它更改为1。
$(document).ready(function () {
// close the accordion after 5 seconds
setTimeout(function () { document.getElementById('MainContent_Accordion1').Sele
浏览 3提问于2014-10-12得票数 1
回答已采纳
3回答
我一直在仔细看董事会，还没有找到解决方案来解决手头的问题。我有一个手风琴的特点，字体-太棒了。当手风琴按钮被点击时，我希望能够在字体令人敬畏的类(fa-角向上/fa角向下)之间切换。这很简单，但我遇到的问题是，手风琴中的第一个div应该在页面加载时打开，而其他的则关闭。下面的代码允许div正确地切换，当一个打开另一个关闭，但是字体可怕的切换没有正确地触发。现在，当我点击一个按钮，第一个div关闭/字体可怕的切换正确，但按钮的div打开，其余的按钮在手风琴，字体可怕的图标所有切换类。
我对jquery非常熟悉，所以我们非常感谢您的帮助。就像我说过的那样，我已经仔细查看过其他与手风琴/字体的切换相
浏览 3提问于2015-03-02得票数 0
回答已采纳
我正在做一个jQuery手风琴，通过：
$(document).ready(
function () {
$("#gallery-preview").accordion({ header: "h2",
animate: 400,
heightStyle: "content",
active: 1,
alwaysOpen: false,
fills
浏览 1提问于2015-12-07得票数 0
1回答
页面上有4个手风琴，当前打开的手风琴只在单击另一个手风琴时关闭。我也需要关闭当你点击它。这是我用的密码。
$(document).ready(function() {
var accordionEntries = document.querySelectorAll('.accordion-entry');
var accordionImages = document.querySelectorAll('.accordion-image');
for (var i = 0; i < accordionEntries.length; i++)
浏览 3提问于2022-10-21得票数 0
1回答
我正在做一个简单的手风琴，每个手风琴里面都有一个文本编辑器。
Accordion.js
<div className="wrapper">
{accordionData.map((item, index) => (
<Accordion>
<Heading>
<div
style={{ padding: "10px", cursor: "pointer" }}
className="heading"
浏览 3提问于2020-09-01得票数 0
回答已采纳
我正在开发一个使用Booststrap组件的Angular JS 1.5应用程序。我在侧边栏上有一个基于以下内容的手风琴菜单：
(不是我的代码)
当我打开一个菜单并选择菜单项时，页面就被加载了(为此，我使用了香草角度JS路由。
如果我随后从折叠面板中打开另一个菜单，即单击菜单标题，该菜单将打开，前一个菜单会折叠，但加载的页面会发生变化。
我想要的是只有当一个项目被点击，而不是当一个菜单被打开时，页面才会加载。
这是一个角度问题，还是css或引导问题，我该如何解决它？
提前感谢您在这方面的任何帮助或指示。
浏览 0提问于2016-10-03得票数 0
1回答
对于这段代码，我的意思是打开一个手风琴，然后关闭其余的手风琴，但是当我第一次单击任何东西时，它会打开所有的手风琴。随后，它只会打开正确的那个。
function cloz(a) {
if (a == 1) {
$("#myaccordion1").collapse('show');
$("#myaccordion2").collapse('hide');
$("#myaccordion3").collapse('hide');
$("#myaccordio
浏览 3提问于2016-07-31得票数 0
你好，我超棒的可湿性粉针。我有一个情况，我有一个手风琴，我想添加一个显示/隐藏所有按钮为每一个新手风琴我添加。
因此，我能够在admin中为每个新按钮生成post ID，如：
Im还可以为打开手风琴的onclick事件添加jQuery代码，如：
$('#wp_1').on('click', function () {
$('.panel-collapse').collapse('toggle');
});
问题是，我不知道如何生成多个动态ID，以便每个按钮只打开它下面的手风琴。因此，在下面
浏览 0提问于2019-02-17得票数 0
回答已采纳
我使用的是jQuery手风琴UI - ...and，希望链接到页脚中的特定手风琴，这样链接就可以将您带到特定的页面并打开特定的手风琴。
在插件中，标题是链接，所以我添加了: name="contact“，然后我链接到/pagename#contact，但是它不会打开手风琴，所以它没有意义。
我能做什么?谢谢
浏览 3提问于2012-04-18得票数 0
1回答
带按钮的启动手风琴，展开时隐藏
、、、、
我正在寻找一个解决方案的引导手风琴与一个按钮，以展开手风琴，但我想隐藏这个按钮时，它是展开的。
我的手风琴标题就像是手风琴内部文本的开头，如果我把按钮放在那里，就会干扰视图。
如何在手风琴展开时隐藏此按钮，但在折叠时再次可见？
这里的问题是，当我单击标题，关闭手风琴时，按钮仍然消失，如果我再次单击标题，手风琴将展开，但标题也会消失。如果可能的话，我想保持标题为链接。
a[data-toggle='collapse'].collapsed {
visibility: visible;
}
a[data-toggle='collapse'] {
v
浏览 17提问于2017-12-23得票数 0
我需要以下，当页面加载必须显示一个打开手风琴与负图标，当关闭时，加号图标应该改变。
$('div.accordion-body').on('shown', function () {
$(this).parent("div").find(".icon-plus")
.removeClass("icon-plus")
.addClass("icon-minus");
});
$('d
浏览 2提问于2014-07-22得票数 0
回答已采纳
1回答
引起手风琴倒塌的评论回复
、、、、
我的Wordpress评论框被包装在手风琴里。一旦选中，注释将显示在下面。
当您单击其中一个注释下的“回复”时，页面将重新加载，手风琴再次折叠。它会带您到页面上的空白，如果手风琴仍然打开，评论框就会出现。
有没有办法让手风琴打开，或者让评论框出现在需要回复的特定帖子下面？
重新加载页面的特定功能是：
onclick='return addComment.moveForm( "div-comment-28", "28", "respond", "1409" )'
我正在使用默认的wordpress注释代码，可以在co
浏览 0提问于2015-01-13得票数 0
回答已采纳
2回答
我有一个手风琴菜单，是用纯css3开发的。目前，它是打开菜单时，悬停在它上，但我希望它是在点击时打开。我该如何实现这一点？
再帮个忙。目前，内容div在标题的右侧，但我需要在左侧打开它。
并且content div应该有基于内容的自动宽度。
这是
浏览 0提问于2012-08-23得票数 5
回答已采纳
我正在试着理解ui.bootstrap手风琴是如何在天使中工作的。在我使用的情况下，我有三个手风琴，其中只有第一个被允许打开。当用户单击其标题时，它们中的其他部分不应该打开，直到从上一次手风琴中选择了一个选项。
现在，我正在实验一个控制器，当用户单击第二个和第三个手风琴时显示错误信息，然后关闭它们。这是我的潜水员，我的代码：
错误消息的部分工作正常，但我无法得到选择的手风琴是关闭的，当我点击它。
有什么想法吗？
关于：
禤浩焯铁氧体
浏览 2提问于2014-01-23得票数 1
回答已采纳
我正试着做一个手风琴，点击"+“图标就打开了。但是，当我单击单个元素时，所有其他元素都会展开。有办法打开手风琴吗？我添加了手风琴的屏幕截图，还添加了代码。
import { AiFillPlusCircle, AiFillMinusCircle } from "react-icons/ai";
import data from "../data";
export default function Container() {
const [display, setDisplay] = useState(false);
const clickHa
浏览 12提问于2022-06-29得票数 1
回答已采纳
2回答
我有一个手风琴，在手风琴标题上，我有两个手风琴。手风琴关闭时显示(Visiable1)。另一个显示手风琴什么时候打开(Visiable2)。请参阅
但问题是，当我打开手风琴，再次关闭相同的手风琴，visible2 div出现而不是visible1。我不知道我犯了什么错误。我的目标是当手风琴关闭时，它应该显示visible1，当手风琴打开时，应该显示visible2。任何帮助都将不胜感激。
JS
$('body').on('click', '.list-bar', function() {
$(".visiable1").sl
浏览 3提问于2014-11-06得票数 0
回答已采纳
伙计们，这是一个jQuery手风琴，当你打开一个新的手风琴时，以前的手风琴(标签)就会关闭。例如，当您打开第一个选项卡，然后打开第二个选项卡时，第一个选项卡将关闭。基本上，当你打开一个选项卡时，另一个选项卡就会关闭。如何防止前一个关闭？该选项卡应仅在用户再次单击它时关闭。
这是jQuery -
jQuery(document).ready(function ($) {
var open = $('.openx'),
a = $('ul').find('a');
console.log(a.hasCla
浏览 19提问于2017-01-31得票数 0
回答已采纳
我在用。
当手风琴打开时，我想滚动到手风琴项目的顶部。我可以运行以下代码：
$("#arf").on("down.zf.accordion", function() {
$('html,body').animate({scrollTop: $(this).offset().top}, 'slow');
});
当然，这会将页面滚动到手风琴的顶部，而不是手风琴项目。当手风琴打开时，我如何修改这段代码以滚动到手风琴的项目？
浏览 4提问于2016-01-13得票数 5
回答已采纳
我基本上试着关闭所有的手风琴，只让其中一个打开，被点击。
因此，短期内，只需打开一个选项卡。
到目前为止，这就是我所拥有的：
这是javascript：
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
this.classList.toggle("active");
this.nextElementSiblin
浏览 6提问于2016-11-30得票数 0
回答已采纳
1回答
我有这个基本手风琴。
$('#accordion').accordion({
collapsible: true,
active: false,
heightStyle: "content",
});
我想影响其他元素(h3，p，等等)。在页面上(特别是，在手风琴下面)打开手风琴(状态:活动)和关闭(状态:默认)。
当手风琴的状态发生变化时，我已经知道如何编辑手风琴的标题和内容本身，但我不知道如何影响页面上不属于手风琴的外部元素。我该怎么做？
HTML基本样式是这种重复的三次：
<div>
<h3>
浏览 6提问于2014-07-20得票数 0
回答已采纳
下面是我试图实现的布局的快照。
我在这里有两个问题：
现在，页面加载所有手风琴面板打开。我希望它最初处于封闭状态(如选项1)。
单击选项卡附近的单选按钮，选项卡应展开。如果我单击另一个单选按钮，则与单选按钮相关的新选项卡应展开，另一个应关闭。
我们怎么做到这一点?
我没有看到任何切换功能或任何与PrimeFaces手风琴相关的功能。只有widgetVar.show()函数，但它对我没有帮助。
浏览 0提问于2013-06-04得票数 0
我的代码通常来自：。这段代码还包含一个手风琴
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}
<button class=
浏览 0提问于2017-11-11得票数 0
1回答
我正在修改的HTML主题附带了一个自定义的手风琴，我只想弄清楚如何在加载时将它们全部折叠起来(或者在加载时打开第三个选项；两者都可以)。
(function() {
var $container = $('.acc-container'),
$trigger = $('.acc-trigger');
$container.hide();
$trigger.first().addClass('active').next().show();
var fullWidth = $container
浏览 0提问于2013-04-18得票数 1
1回答
我有以下XPage：
<?xml version="1.0" encoding="UTF-8"?> <xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex"> <xe:djAccordionContainer id="djAccordionContainer1"> <xe:djAccordionPane id="djAcco
浏览 4提问于2015-09-01得票数 0
回答已采纳
我有一个表，在其中一列中我有一个textbox和一个div，在textbox的顶部有一个onClick事件，div打开(展开)，然后当其中的图像被选中时，或者如果用户单击页面上的其他任何地方，它就会关闭。
问题是，如果我打开多行并在每一列中打开div，我希望所有其他div都自动关闭，就像在"accordion“中发生的那样。如何通过jquery做到这一点？
<ul class="ul_color_palette" >
<li><img src="img/color_palette/ico_red_sq.png"/> &
浏览 0提问于2013-05-07得票数 0
我使用DT-Accordion Widget wordpress
我想如果移动版本手风琴关闭
如果是桌面版本，则打开折叠键
先生，这个怎么造？
这是我的DT-Accordion代码，先生：
$html = sprintf(
'<a class="text-primary" href="#"><span>%1$s</span></a><div class="st-content">%2$s</div>',
$item[&#
浏览 0提问于2018-06-26得票数 0
当我的页面加载活动手风琴项目时，幻灯片会打开，这会导致页面上的其他元素也移动一秒钟。
我希望活动手风琴项目呈现“已经打开”，但仍然保留动画，当用户单击另一个手风琴项目时，甚至在用户选择另一个项目然后是原始项目的情况下，甚至保留最初打开的项目。
我找不到用来做这件事的css，所以可能是在javascript中吗？如果是这样的话，我该如何克服这个问题呢？
任何关于如何做到这一点的建议都将不胜感激！
基础手风琴：
浏览 4提问于2016-04-05得票数 1
回答已采纳
简介：
我使用高级响应主题使用本地安装的WordPress。
主题提供了一个基于ShortCode 1.11.0的手风琴ShortCode。
问题：
由于我在ShortCode中添加了12点列表，移动用户需要做出一些向上滚动的手势才能到达页面的顶部以关闭冗长的手风琴项目，以便腾出空间查看其他手风琴导航选项。
的目标：
为了提高可访问性，我想通过在每个冗长的手风琴项目的底部添加一个“关闭”链接来定制HTML和jQuery。
问题：
当放置在每个手风琴项目的底部时，我无法获得额外的<div id="close-title" class="close-title"
浏览 2提问于2014-06-11得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
