Добавление стрелка Accordian

Question

Используя ответ Давида здесь: -

Accordion - add arrow to each nav item?

на моем Accordian здесь: -

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

Стрелки обыкновение show..wats неправильно?

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 *); 
    } 

EDIT - Альтернатива

Здесь я изменил сценарий в указанной вами ссылке. Используйте тот же css из предоставленной ссылки (непроверенный) - не то, что я ввел выше. Предыдущий вариант лучше imo ...

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