Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Bootstrap 2.3中折叠时更改图标,而不是在Bootstrap 3中_Javascript_Jquery_Css_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 在Bootstrap 2.3中折叠时更改图标,而不是在Bootstrap 3中

Javascript 在Bootstrap 2.3中折叠时更改图标,而不是在Bootstrap 3中,javascript,jquery,css,html,twitter-bootstrap,Javascript,Jquery,Css,Html,Twitter Bootstrap,我在我的项目中使用了bootstrap 2.3collapse。我需要改变图标上的折叠意味着在显示和隐藏我需要改变图标。在Bootstrap3中,一些显示和隐藏的函数在internet中显示,但我需要使用Bootstrap2.3。请让我知道如何解决这个问题 。向下箭头{ 宽度:12px; 高度:12px; 背景:url(数据:图片/png;base64,IVBorw0KggoaaaAnsuhueugaaawaaaamcayababwdvznaaAxNsr0IARS4c6qaaaqaqaqaq

我在我的项目中使用了bootstrap 2.3collapse。我需要改变图标上的折叠意味着在显示和隐藏我需要改变图标。在Bootstrap3中,一些显示和隐藏的函数在internet中显示,但我需要使用Bootstrap2.3。请让我知道如何解决这个问题

。向下箭头{
宽度:12px;
高度:12px;
背景:url(数据:图片/png;base64,IVBorw0KggoaaaAnsuhueugaaawaaaamcayababwdvznaaAxNsr0IARS4c6qaaaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqad/W9XBRLGXO9ZXEG7MBKMGAM1WCZFAAAAELFTKSUQMCC)无重复权;
}
.向上箭头{
宽度:16px;
高度:12px;
背景:url数据:图像/png;Bas64,IVB-B-B-B-B-B-B-B数据:数据:数据:图像/png(数据:数据:图像/png;Bas64,B-B-B,B-B数据:数据:数据:数据:图像/巴巴巴巴巴巴巴新,B-B-B-B-B-B(数据:数据:数据:数据:图像/巴巴巴巴巴巴巴巴巴巴巴巴巴新,B)数据,B B-B-B-B(数据:数据:数据:数据:数据:数据:数据:数据:数据:数据:数据:数据:数据:巴巴巴巴巴巴巴巴巴巴巴新(数据:巴巴巴巴新)数据:巴巴巴新;巴巴巴巴巴巴巴新;巴巴巴巴巴巴巴巴巴新;巴巴巴巴巴巴巴巴新;巴巴巴巴新;巴巴巴新;巴巴巴巴巴新;巴巴巴巴新;巴巴巴巴新;伊霍克斯L4GY2NJQXLKGHTDQB5GGG5BQJXN9TPM4CANADS+AEoDQA13ABpBNr+G2HQKPWVFS9UMIJABDTAGEJ7DQHIFUZIMLYAAAMDAPUUQ9EUEG3QAAAAELFTKSUQMCC)无重复权利;
}
.手风琴标题.手风琴切换{
宽度:88%;
}

第一桌

第一内容

第二桌

第二内容


更新。是的-第一个纯CSS解决方案并不令人满意。如果你敢添加一些javascript,你可以这样做:

$('.accordion group')。在('show',function()上{
$(this).find('.accordion toggle').removeClass('arrow-down').addClass('arrow-up');
});    
$('.accordion group')。在('hide',function()上{
$(this).find('.accordion toggle').removeClass('arrow-up').addClass('arrow-down');
});  
它使用引导折叠
隐藏
/
直接在折叠部分显示
事件。仍然没有
宽度
/
高度
,但与OP中的标记类似

新演示->


.面板标题.手风琴切换:后{
/*“打开”面板的符号*/
字体系列:“Glyphicons半身人”;/*对于启用glyphicon至关重要*/
内容:“\e114”/*根据需要调整,取自bootstrap.css*/
浮动:左侧;/*根据需要调整*/
颜色:灰色;/*根据需要调整*/
}
.面板标题.手风琴切换.折叠:之后{
/*“折叠”面板的符号*/
内容:“\e080”/*根据需要调整,取自bootstrap.css*/
}
动物界的陈词滥调——reprehenderit,enim eiusmod high life accusamus terry richardson ad squid.3狼月办公室,无铜滑板多洛早午餐。食品卡车藜麦nesciunt Labourum eiusmod.早午餐3狼月临时,太阳阿利夸在其上放了一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et.Nihil Anim Keffieh helvetica,手工啤酒厂韦斯·安德森·克雷德·奈斯坎特·萨皮恩特·埃亚·普罗德特。纯素食主义者,屠夫副洛莫。绑腿从手工啤酒厂到餐桌,生牛仔布美学合成物奈斯坎特。你可能没听说过他们accusamus labore可持续VHS。
动物界的陈词滥调——reprehenderit,enim eiusmod high life accusamus terry richardson ad squid.3狼月办公室,无铜滑板多洛早午餐。食品卡车藜麦nesciunt Labourum eiusmod.早午餐3狼月临时,太阳阿利夸在其上放了一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et.Nihil Anim Keffieh helvetica,手工啤酒厂韦斯·安德森·克雷德·奈斯坎特·萨皮恩特·埃亚·普罗德特。纯素食主义者,屠夫副洛莫。绑腿从手工啤酒厂到餐桌,生牛仔布美学合成物奈斯坎特。你可能没听说过他们accusamus labore可持续VHS。
动物界的陈词滥调——reprehenderit,enim eiusmod high life accusamus terry richardson ad squid.3狼月办公室,无铜滑板多洛早午餐。食品卡车藜麦nesciunt Labourum eiusmod.早午餐3狼月临时,太阳阿利夸在其上放了一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et.Nihil Anim Keffieh helvetica,手工啤酒厂韦斯·安德森·克雷德·奈斯坎特·萨皮恩特·埃亚·普罗德特。纯素食主义者,屠夫副洛莫。绑腿从手工啤酒厂到餐桌,生牛仔布美学合成物奈斯坎特。你可能没听说过他们accusamus labore可持续VHS。

我可以看到bootstrap的javascript正在将“in-collapse”类添加到活动的accordion内容中。我认为您必须扩展该javascript并向这些内容添加一个类。accordion toggle标记我看到了您的小提琴。在这一点上,我们遇到了类“.collapse”的问题。当我们显示隐藏部分时,这个类正在添加动态。但是第一次折叠的部分不在那里。@Rayudu,是的,当你关闭一个部分时,逻辑很快就混乱了,请重复。更新了答案,希望你找到更好的答案(似乎有效)