Как добавить изображение стрелки в аккордеоне ниже ДО заголовка, а не как фон заголовка?

Question

в аккордеоне ниже: -

Изображение со свернутой стрелкой появляется на заднем плане текста заголовка, когда я хочу его ДО текста заголовка.Кроме того, когда выбран заголовок аккордеона, свернутое стрелкой изображение не меняется на расширенное стрелкой ... что неправильно ??????

  <cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None" SelectedIndex="0" RequireOpenedPane="false" TransitionDuration="250" 
         HeaderCssClass="accordionHeader toggler" 
         HeaderSelectedCssClass="accordionHeader toggler-expanded" 
         ContentCssClass="accordionContent"> 
            <HeaderTemplate> 

                <b style="color: Black">    
                    <%#Eval("Ques")%> 
                </b> 

            </HeaderTemplate>        

            <ContentTemplate> 
                <p> <%#DataBinder.Eval(Container.DataItem, "QuesAns")%></p>        
            </ContentTemplate> 
     </cc1:Accordion> 

Answer 1

Вам нужно добавить некоторые отступы в заголовок, чтобы отодвинуть текст от фонового изображения.Я не знаю размеры изображения, которое вы используете, но попробуйте:

.accordionHeader {
cursor: pointer;
margin-top: 10px;
margin-left: 20px;
padding-left:20px;
}

Конечно, вы можете удалить margin-left - я не уверен, есть ли это для фонового изображения илине ..

При расширении аккордеона - меняется ли имя класса в html?