How to get the standard hand cursor to appear over the Accordion?

Question

What property do I need to set here ?

 <cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" AutoSize="Fill"
                SelectedIndex="0" RequireOpenedPane="false" DataSourceID="objQues" TransitionDuration="250">
                <HeaderTemplate>

.
.
.

I tried this..not working:-

<script type="text/javascript">
   function fnover(id)
    {
        document.getElementById("Accordion1").style.cursor = "pointer";
   }
</script>

Answer 1

There is HeaderCssClass property where you can specify a CSS selector that sets cursor to pointer:

<cc1:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader"...

and then in your stylesheet define it like so:

.accordionHeader {
    cursor: pointer;
}

Here is how you could add the break.. Just use the same accordionHeader class:

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