Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Firstly, I would suggest to take a look at <a href="http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Accordion/Accordion.aspx" rel="nofollow">Accordion </a> sample page which lists all available properties along with their descriptions. You'll notice that the Accordion also exposes <code>HeaderSelectedCssClass</code> property - this is where you set a style for the collapsed state. So, you could re-write your markup like so:</p> <pre><code>&lt;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"&gt; &lt;HeaderTemplate&gt; &lt;b style="color: Black"&gt; &lt;%#Eval("Ques")%&gt; &lt;/b&gt; &lt;/HeaderTemplate&gt; &lt;ContentTemplate&gt; &lt;p&gt; &lt;%#DataBinder.Eval(Container.DataItem, "QuesAns")%&gt;&lt;/p&gt; &lt;/ContentTemplate&gt; &lt;/cc1:Accordion&gt; </code></pre> <p>And for CSS:</p> <pre><code>&lt;style type="text/css"&gt; .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; } &lt;/style&gt; </code></pre> <p>And please remove all those scripts.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload