将箭头添加到手风琴中

Question

在这里使用David的答案：

Accordion - add arrow to each nav item?

在我的手风琴上：

Error Help::Multiple controls with the same ID 'ctl00' were found. FindControl requires that controls have unique IDs

箭头不显示......有什么不对？

Answer 1

我已经猜出手风琴将如何工作 - 这里有一些应该有效的代码

<强> 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());
});