最佳答案
我已经猜测了 Accordion 的工作原理——这里是一些应该可以工作的代码
jQuery:
function checkVisibility() {
$('.accordionHeader.expanded').removeClass('expanded');
$('.toggler .accordionContent:visible').each(function(){
$(this).prev('.accordionHeader').addClass('expanded');
});
}
$(document).ready(function(){
checkVisibility();
$('.toggler .accordionHeader').not('.expanded').click(checkVisibility());
});
CSS:
.toggler .accordionHeader {
background:url(* add a path to an arrow here *) no-repeat left center transparent;
}
.toggler .expanded {
background-image:url(* add a path to alternate arrow here *);
}
编辑 - 替代
我已经修改了您提供的链接中的脚本。从提供的链接(未经测试)使用相同的 css - 不是我在上面输入的内容。在我看来,以前的选择更好......
function checkVisibility(){
$('.accordionHeader.expanded').removeClass('expanded');
$('.accordionHeader > span').text('▶');
$('.toggler .accordionContent:visible').each(function(){
$(this).prev('.accordionHeader').addClass('expanded').find('span').text('▼');
});
}
$(document).ready(function(){
$('.accordionHeader').each(function(){
$('<span></span>').appendTo($(this));
});
$('.toggler .accordionHeader').not('.expanded').click(checkVisibility());
});
关于c# - 向 Accordion 添加箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4459941/