引导手风琴上的加号和减号图标
是用于展开和收起手风琴菜单项的图标。加号图标通常表示展开，点击加号图标可以展开下属的子菜单或内容；而减号图标通常表示收起，点击减号图标可以收起已展开的子菜单或内容。
这种手风琴菜单通常用于网页或应用程序界面中的导航菜单、折叠面板或多级菜单等场景。它的主要作用是节省界面空间，使用户能够快速浏览和访问菜单项或内容。
引导手风琴上的加号和减号图标可以通过HTML和CSS进行实现。在HTML中，可以使用<span>、<i>或<div>等元素来创建图标，然后使用CSS设置图标的样式和位置。常用的图标库如Font Awesome、Material Icons等提供了丰富的加号和减号图标选项，可以通过引入相应的CSS文件来使用。
腾讯云提供的与手风琴菜单相关的产品是腾讯云的Web+，它是一款云端一体化开发工具，提供了可视化的界面设计和前后端开发环境，支持快速构建和部署网站、应用和微服务。Web+可以帮助开发者轻松创建具有手风琴菜单功能的网站或应用程序。
了解更多关于腾讯云Web+的信息，可以访问腾讯云的官方网站：腾讯云Web+产品介绍
相关·内容
1回答
我们在使用嵌套引导手风琴方面面临一个问题。在父手风琴无纸设置的单击上，子元素图标正在改变，反之亦然。它不应该发生，内部手风琴就像任何其他普通手风琴一样。
小提琴链接：
Javascript：
$('#accordion .collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".fa-plus").removeClass("fa-plus").addClass("fa-nus");
}).on('hidden.bs
浏览 3提问于2015-06-25得票数 2
回答已采纳
2回答
我是WPF和C#的新手，正在尝试帮助一些图形用户界面的工作。我们基本上有3个部分，一个LHS (左侧)部分1，一个具有顶部和底部部分的RHS部分2和部分3。
1 | 2
1 | -
1 | 3
他们想要一种只需点击一下按钮就能缩小每个部分的方法。目前，|和-是间隔项，可以拖动(编辑:这是使用他们不喜欢的网格拆分器完成的)。我做了一点调查，看到有扩展项目和手风琴项目。我不知道在这种情况下是否可以使用这两种方法，以及最不麻烦的是什么。在尝试每个控件时，由于我不熟悉它们，一些额外的问题浮现在脑海中。
扩展器:通过缩小第一部分，它会使第二部分和第三部分占据整个屏幕吗？或者这只能用手风琴来完成？是否很难
浏览 0提问于2011-08-31得票数 2
3回答
更改primefaces折叠图标
、、、、
有什么方法可以更改primefaces的手风琴面板中的图标吗？
我想将右箭头和下箭头更改为加号(+)和减号(-)。
有人能解释一下怎么做吗？？
谢谢。
浏览 10提问于2012-04-24得票数 1
我正在使用bootstraps accordion来显示问题列表，然后当您单击加号图标时，它会向下滑动以显示答案。我正在尝试实现的是，当手风琴展开以显示答案时，将加号图标更改为减号(我制作了一个精灵)，到目前为止，图像没有变化。
视图
<div id="accordion" class="accordion in collapse">
<div class="accordion-group">
<div class="accordion-heading">
<a h
浏览 0提问于2013-01-29得票数 0
回答已采纳
我正在使用Bootstrap 4手风琴的Font Awesome，并试图显示一个带圆圈的正号，它应该切换为带圆圈的减号，但我只看到了圆圈。这是我手风琴的第一部分，带有fa图标：
<div id="accordion" class="my-accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0"
浏览 30提问于2020-05-21得票数 0
回答已采纳
我正在使用Bootstrap3。我有一个手风琴组件。在手风琴中，无论我在哪里单击，div都会打开和关闭。但我的要求是折叠div应该只在正负图标单击时打开和关闭。我的代码如下：
<div data-target="#earlierOwner1" data-parent="#accordion" data-toggle="collapse" class="panel-group accordion1" aria-expanded="true">
<div
浏览 0提问于2016-05-17得票数 1
1回答
我有一个带展开/折叠的引导表，但是开始图标不是很好。折叠时的开始图标是“减号”，应该是“加号”，但如果剪裁2次，一切正常。
我使用了这个例子：
my code :
谢谢你的帮忙
浏览 1提问于2022-02-10得票数 1
回答已采纳
我在我的rails项目中使用了Jquery UI Accordion。使用arrow images作为默认的accordion。我需要将箭头图标更改为Plus icon作为默认值。我应该在哪里编辑，以使默认的Plus and minus icon在所有网站上都会更改。我用了很多页的手风琴吗？
我在其他帖子中看到了更多与这个问题相关的内容。在我的例子中是ruby-on-rails项目。我想改变图标的全局，以采取整个项目的效果。
我在每个页面中添加了下面这行代码，以使其符合我的需求。我觉得这不是干性原则。我需要像这样的全局设置，以工作在整个网站的所有页面。
<script>
$(f
浏览 0提问于2013-02-26得票数 1
3回答
手风琴打开/关闭所有内容按钮等
、、、、
我有一个响应手风琴功能，在一个网站内，我想(打开)和(关闭)所有内容与一个按钮，也改变他的内容名称(打开)，当所有内容关闭和(关闭)当所有内容是开放的。
现在，当使用(打开)按钮时，已经打开的内容再次关闭，而加号和减号图标在内容关闭时显示(负图标)的方式不正确，反之亦然。
这是
有人能帮我吗？
// Accordion //
$('.header').click(function(){
$('.content',$(this).parent()).slideToggle();
$(this).toggleClass('active
浏览 5提问于2014-10-30得票数 0
回答已采纳
我有一个手风琴下拉按钮，我希望"+“显示为红色。它可以在我的台式PC电脑上用Chrome浏览器正常显示，但当我用Chrome或firefox在mac上打开网站时，红色不能显示出来。 .accordion {
background-color: transparent;
top: 0;
line-height:1.2em;
font-family: 'proxima-nova', sans-serif;
font-weight: 300;
color:hsl(0, 0%, 34%);
cursor: pointer;
padding:
浏览 13提问于2020-04-18得票数 0
回答已采纳
1回答
JS折叠图像切换
、、
我想知道如何应用自定义，切换‘加号’和‘减号’图标到这个脚本。手风琴很好用，但我好像卡在那里了。
<!-- JS -->
<script type="text/javascript">
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('fast
浏览 3提问于2016-02-27得票数 0
2回答
我已经用正负图像做了手风琴菜单。我的问题是加号和减号不能正常工作。
html代码：
<div class="rightTitle">
<div class="multiAccordion" onclick="acc('acc0')" id="acc0">
<h3 class="rt">January</h3>
<div class="arrow"><a href="#"><img src=&
浏览 0提问于2011-09-20得票数 0
回答已采纳
我有一个包含一个主节点和几个子节点的WinForms TreeView。
如何在主节点中隐藏+(加号)？
浏览 3提问于2008-10-02得票数 5
回答已采纳
在UITableView中启用编辑模式时，有没有办法拥有自定义的编辑样式图标(除了绿色加号和红色减号图标之外
我知道我可以模拟编辑模式动画，只需将单元格内容向右移动并添加一个UIImageView，但我试图避免这种情况。
浏览 0提问于2010-01-14得票数 6
回答已采纳
2回答
我正在使用字体创建一个JQuery滑动导航(参见：)
现在添加CSS，因为这是第三方web字体图标，我想知道如何使用+和-图标将它应用到我自己的代码中。我以前使用过图像图标，但现在我计划将它与网页图标集成起来。
我的jQuery代码是。
$("#toggle > li > div").click(function(){
if(false == $(this).next().is(':visible')) {
$('#toggle ul').slideUp();
$("span.min
浏览 3提问于2014-03-10得票数 0
回答已采纳
我已经为edittext创建了一个带有添加和减号图标的动态布局。当我点击add时，布局应该再次重新创建，并且在第一次单击时，减号应该shown.Add图标被更改为减号，但减号不会更改为plus.When I单击减号，子布局将被删除，但无法更改图标。
这是我的动态布局：
public void dLayout(){
count++;
lay_frame = new LinearLayout(this);
lay_frame.setOrientation(LinearLayout.VERTICAL);
lay_frame.se
浏览 5提问于2017-07-27得票数 0
回答已采纳
1回答
所以我有一个用javascript呈现的add - but按钮，因为我需要来自数据库的数据，如果我不用javascript呈现它，它可以工作，但它不能工作。 HTML： <div id="cart">
<div class="row">
</div>
</div> JS (渲染)： var output = [];
var food_template = [];
//res is the data got from database
for(var f in res) {
id = res[f]
浏览 16提问于2021-03-20得票数 0
我如何让我的Jtree看起来像下面的东西，带有允许展开和折叠的加号和减号图标？
当前，默认JTree仅在双击时展开和折叠。我想要覆盖另一个功能的双击，让用户只需单击下面的减号和加号图标就可以展开/折叠树。
浏览 0提问于2011-07-06得票数 1
回答已采纳
1回答
在图像和文本之间添加填充
、、、、
我有一个扩展列表，最初只显示一个标题，但如果单击，它将显示描述。我觉得这个列表需要一些图片来帮助说明它需要点击才能显示更多。话虽如此，我添加了一个加号--请评论一下，如果一个不同的图标更适合这个情况
我觉得标题离加号太近了，所以我如何在加号和标题之间加上填充物呢？我已经准备好了标题的填充物，所以我不知道该怎么做。
这可以在我的网站上看到：
我的代码是：
.service_wrapper {
border: 1px solid black;
margin: 15px;
width: 20%;
}
.service_list {
margin-left: 20%;
浏览 0提问于2015-12-29得票数 1
回答已采纳
当我在StackOverflow上搜索克隆函数时，我得到了很多例子。但我用的方式不一样。
当我单击“+”按钮时，它必须克隆整个div，而对于所有行，第一个div '+‘图标必须更改为'-’。参考图像如下。
这是我的HTML代码
<div class="container-fluid cloned-row">
<div class="row-fluid">
<div class="col-xs-12">
<div id="div_form1"&
浏览 1提问于2015-08-09得票数 0
回答已采纳
我有html：
<div>
<div id='icon_zoom_in' class='icon'>+</div>
<div id='icon_zoom_out' class='icon'>-</div>
</div>
我添加了CSS：
.icon{
color: white;
font-size: 100px;
background-color: black;
opacity: 0.7;
-webk
浏览 0提问于2011-07-20得票数 0
回答已采纳
我有一个jQuery UI手风琴。在每个标题栏中都有一个“编辑”图标。单击此图标将打开一个引导模式。
目前，单击图标会启动模式，但显然也会触发手风琴菜单展开/折叠事件。我怎样才能阻止它？
演示：
据我所知，引导模式事件首先发生，因为如果我使用event.stopPropagation()或event.stopImmediatePropagation()，什么都不会发生；甚至连模式都无法打开。
浏览 1提问于2013-01-18得票数 0
回答已采纳
当我使用git pull [project name] master更新我的核心文件时，我在"merge made by recursive“下面得到了一堆绿色的加号和红色的减号。这些符号是什么?它们是什么意思？
这是一个截图：
谢谢你的帮助。
浏览 1提问于2011-10-01得票数 15
回答已采纳
4回答
我在做一个可折叠的treeView。我做了这一切，我只需要我的+和-图标来切换，无论何时他们被点击。
当我使用jQuery将图标从+更改为-时，单击以下代码即可完成此操作：
$(this).attr('src','../images/expand.gif');
问题是，当我再次单击节点时，我不知道如何让它转到另一个方向:)
浏览 2提问于2013-03-13得票数 3
回答已采纳
1回答
我需要在谷歌页面上做一些非常简单和直接的事情。我能够在Excel上执行这个操作，但还没有在工作表中解析
我有一张印表机墨盒的存货单。在可用的墨盒总数旁边，我想添加一个‘加号’和‘减号’按钮(我已经准备好按钮了)，我想要他们做的是在总数框中加或减1。我根本搞不懂剧本。
我是在Excel中使用以下内容完成的
Sub Button1_Click() Range("A1") = Range("A1") +1 End Sub
但这在床单上根本行不通。
请不要因此而嘲笑我，我是一个全新的脚本编写者，所以非常多地学习这个行业的技巧。
提前感谢任何人帮助我
浏览 0提问于2016-01-26得票数 0
回答已采纳
2回答
动画引导符号
、、、
我在引导手风琴中使用引导glyphicon-triangle-left和glyphicon-triangle-bottom图标。当您打开一个div时，它会显示bottom一个，当您关闭它时，它会显示这个left一个。
当图标切换类时，它看起来有点傻，所以我想要创建一个转换，可能会使图标旋转或淡出/消失。但我不知道如何做到这一点，因为我通过jQuery在类之间切换，如下所示：
function toggleChevron(e) {
jQuery(e.target)
.prev('.panel-heading')
.find("i.i
浏览 1提问于2016-04-04得票数 5
回答已采纳
我有一个sap.m.tree控件，我正在使用CustomTreeItem，我想更改左侧的默认箭头图标，请参考。
浏览 1提问于2017-10-20得票数 0
回答已采纳
1回答
正如您将从我创建的引导程序中看到的那样，当您单击面板中的任何位置时，输入将变为活动。当我点击信息按钮(橙色图标)，它应该打开手风琴没有父(输入)变得活跃。问题是，父级仍然是活动的。
我可以通过添加以下内容来解决这个问题：
$('.tickets-more').click(function(){
event.stopPropagation();
});
但这会阻止信息按钮(橙色图标)完全无法工作(手风琴不打开)。
下面是没有上述代码段- 的引导程序，下面是使用代码段- 的引导程序。
浏览 3提问于2014-09-01得票数 1
回答已采纳
8回答
我有一个简单的脚本，在打开+时，它应该从-改为Content。
但是现在，当它更改为-时，不管发生什么事情，它都保持为-。即使您折叠内容，它仍然保持为-。
我试图逆转这些函数，但它只是在+上做了同样的事情。
jQuery
$(document).ready(function(){
$("#expanderHead").click(function(){
$("#expanderContent").slideToggle();
if ($("#expanderSign").text() != "+")
浏览 3提问于2013-12-16得票数 5
回答已采纳
我使用的是free-jqGrid 4.13.3。我用过滤器工具栏组成了一个网格，这个网格有如下截图所示的subgrid元素：
子网格列(包含加号和减号)出现在筛选器工具栏中，这在左侧已被撕开，并使最后一列没有筛选器，因为它在他的左侧，狗图标下。
所以在"N°“栏中的搜索不匹配，因为左侧被撕裂了。
另一个截图也是这样：
我希望我的解释能被很好地理解。
有没有人能载我改正我的错误？非常感谢你提前
干杯
吉赫勒
浏览 5提问于2016-07-25得票数 0
1回答
我试着在一次点击中取消选中层次菜单上的3个转换复选框。我在谷歌上搜索，我找不到任何关于这方面的信息，只有如何用bitArry打开或关闭它们(#all和#none)。以及如何使用bitArry打开特定的复选框(示例：#{1,3,7})。我写了这个脚本：
rollout menu02 "Separated Axis"
(
label type01 "--- TRANSFORM ---"
button b3 "LOCK" pos:[40,30] width: 80
on b3 pressed do
(
浏览 39提问于2018-06-02得票数 0
我在编写一个在方括号中搜索整数的函数时，需要从输入字符串中查找括在括号中的所有整数，同时考虑到一个额外的限制:数字和括号之间可以有空格，但除了构成整数的字符之外，没有其他字符。
到目前为止，我编写了下面的代码，但它不适用于+-43的最后一次测试，因为+-43不应该算作整数。你能帮我解决这个问题吗？
谢谢!
import re
def integers_in_brackets(s):
l = list(int(s) for s in re.findall(r'\[\s*\+?(-?\d+)\s*\]', s))
print(l)
return list(
浏览 1提问于2020-10-22得票数 1
回答已采纳
1回答
我在矩阵x和y之间执行以下操作的某个地方读取了一段代码
x %*% + y
我知道%*%的意思是矩阵乘法，但%*% +是什么意思？我在R上试了一下，得到了同样的结果。
浏览 0提问于2018-07-22得票数 7
回答已采纳
有没有一种方法可以显示树状结构并将其填充到InfoPath中。我用谷歌搜索了这么多，但没有找到任何答案。如果可以的话，请分享链接。解决方案可以使用Sharepoint。
附注：
我对这项技术完全陌生，所以我甚至不知道正确的术语。
浏览 1提问于2011-05-26得票数 0
回答已采纳
1回答
切换导航图标
、、、、
我正在构建一个下拉导航菜单，并试图使用图标，当菜单项被点击时来回切换。我已经能够做到这一点，图标将切换，但我的麻烦是，当另一个菜单选项被选中时，我不能让上一个图标切换回来。
因此，例如，当单击第一个选项时，加号变为减号，这很好。但是，当我单击第二个选项时，我似乎想不出如何获得第一个选项返回加号。
$('#category-tabs li a').click(function() {
$(this).find('i').toggleClass('fa-plus-circle fa-minus-circle');
});
<script
浏览 3提问于2016-11-17得票数 1
回答已采纳
3回答
我创建了一个手风琴，当我展开显示器时-(-)，当我折叠它时，它显示加号(+)。
现在我想在手风琴主面板中添加一个帮助图标。一旦我点击帮助图标，它应该显示一个弹出(不展开或折叠手风琴后点击图标)。
做得到吗？多么?我使用的是引导和jQuery。
<div class="panel-group" id="parent_accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4
浏览 4提问于2015-09-24得票数 3
回答已采纳
2回答
我们创建了一个定制手风琴库，它将根据单击的内容切换.content元素，类似于jQuery手风琴。在.header元素的旁边，我们显示一个。我遇到的问题，内容将隐藏和显示，但图标不会切换。
如何让内容元素和图标切换？
本期：
期望产出：
$(function() {
$('.header').on('click', function() {
var hdr = $(this);
var grandParents = hdr.parent().parent();
grandParen
浏览 7提问于2019-11-14得票数 0
回答已采纳
3回答
当另一个打开时关闭手风琴面板
、、、、
我在做手风琴小组的工作。它们都打开得很好，但我不知道如何让它们在打开另一个元素时关闭。
下面是我在代码方面所做的工作：
<div class="container">
<div class="row">
<div id="trickslist">
<ul>
<li>
<a class="expand">
<div class="right-arrow"&g
浏览 13提问于2016-12-06得票数 2
回答已采纳
1回答
有人告诉我，某些图标不能很好地翻译。例如，勾号(复选标记)在某些文化中没有意义，等等。
在实践中，我没有见过很多图标不能很好地传播的例子。可能是这个问题被夸大了，或者文化已经全球化了。
你有没有在localis/zed应用程序中被误解甚至冒犯的图标的例子？
浏览 0提问于2010-08-20得票数 3
回答已采纳
1回答
我遵循了这个教程，并让它工作起来：
但现在我需要在我的应用程序中使用多个该函数。我知道我可以为对方写代码，但那会花我很长时间。有没有人知道我怎么才能更容易做到这一点？
我希望是这样的：
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
- 0 + - 0 +
但更多的是。
浏览 3提问于2012-08-31得票数 0
我正在接收来自UTC的日期、时间和偏移量，字符串如下 202107201447.0900 所以现在是2021年7月20日14:47，时区比UTC早9小时(即日本)。 我需要将它转换为一个DateTime对象。 我试过了 var dateString = "202107201447.0900";
var dateFormat = "yyyyMMddHHmm.K"; //also tried yyyyMMddHHmm.zzz
var datetime = DateTime.Parse(dateString, CultureInfo.InvariantCulture
浏览 12提问于2021-07-26得票数 0
回答已采纳
3回答
引导3.3.6 +图标改变了吗？
、、、、
当我使用引导加上图标，它是厚厚的。例如。
span {
font-size: 30px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" />
<span class="glyphicon glyphicon-plus"></span>
正如你所看到的，加号图标很厚，但是在一些使用引导程序的网站上，我发现相同的加号图标很薄
浏览 8提问于2016-12-06得票数 2
回答已采纳
我试图让用户输入一个像4x+3x-2x这样的多项式。然后，我希望它将每个术语解析为一个String。我让它起作用了，但我的问题是，我只能使用+或-，而不是+和-。
//instance variables
Scanner scan = new Scanner(System.in);
String polynomial = "";
//takes in the polynomial
System.out.println("Enter a polynomial");
polynomial = scan.next();
浏览 3提问于2013-11-03得票数 0
回答已采纳
5回答
我有个手风琴的东西。箭头图标将指向下。
然后点击Competency1，我得到(Competency1图标up，Competency2图标down)：
但是，如果我现在点击Competency2，我得到(Competency1图标是仍然向上，Competency2图标up)：
这是引导程序中的一个bug，还是可以很容易地修复？
谢谢。
浏览 1提问于2013-02-14得票数 16
10回答
我使用引导手风琴，其中第一个面板总是打开的，而打开的面板在中得到一个类。我正在从jquery代码中检查这个类是否包含在中的中，它突出显示了这个锚点。但是目前所有的锚都被突出显示。
我只是希望第一个锚是突出显示是开放和休息关闭面板应该有一些不同的风格。
这是小提琴：
如您所见，所有锚标记都被高亮显示。我想要第一个锚得到一些不同的造型。整个想法是在手风琴上加上加/减符号。
浏览 2提问于2014-03-07得票数 11
回答已采纳
2回答
我使用引导程序3和jQuery编写了用于多个/动态手风琴切换的代码：
$('div.accordion-body').on('shown', function () {
$(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus");
});
$('div.accordion-body').on('hidden', function () {
浏览 8提问于2015-07-14得票数 1
回答已采纳
1回答
组件导出类中有iconCheck: string;，构造函数中有this.iconCheck = "add_circle";，导出类中有
iconChange() {
if(this.iconCheck == "add_circle") {
this.iconCheck = "remove_circle"
} else {
this.iconCheck = "add_circle";
}
}
现在，我的HTML中有多个可折叠/可扩展的，用于引导手风琴。以上我使用的是+/-图标切换
浏览 2提问于2017-05-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
