Аккордиан: изображение стрелки не отображается, даже если путь изображения верен

Question

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

мой Accordian: -

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

        <b style="color: Black"> 

         <%#Eval("Ques")%> 
        </b> 

       </HeaderTemplate> 


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

       </ContentTemplate> 
      </cc1:Accordion> 

CSS

Могу ли я давать имена CSS Class неправильно или что ????

@ denis..its еще не отображает images..cant найти изображения в Firebug либо

Answer 1

Во-первых, я хотел бы предложить, чтобы взглянуть на Accordion образец страницы, которые перечислены все доступные свойства наряду с их описания. Вы заметите, что Accordion также предоставляет свойство HeaderSelectedCssClass - здесь вы устанавливаете стиль для сложенного состояния. Таким образом, вы можете переписать разметку следующим образом:

<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> 

И для CSS:

<style type="text/css"> 
    .accordionHeader {   
     cursor: pointer;   
     margin-top: 10px;   
     margin-left: 20px; 
    }   

    .toggler { 
     background: url('../../images/arrow-collapsed.png') no-repeat left center transparent; 
    }   

    .toggler-expanded { 
     background: url('../../images/arrow-expanded.png') no-repeat left center transparent; 
    } 

    .accordionContent { 
     margin-top: 10px;   
     margin-left: 20px;   
    } 
    </style> 

И, пожалуйста, удалите все эти сценарии.