I have a asp.net mvc app building a accordion based on the jQueryUI
Accordion plugin - I'd like to apply zebra striping.

Here's the constructor loop:

<div id="accordion">
    <%
        foreach (var webinar in Model as IList<Webinar>)
       {  %>
        <div id="accordionItem">//toDo: Programmically pick odd/even
rows
        <div class="accStripe"> //insert a div for even rows
            <h3><a href="#"><b><%= myObj.Title%></h3>
            <div id="descContent">
                 <a href="Details/<% =myObj.ID %>"><%= myObj.Desc
%> ...more</a>
            </div>
         </div>
        </div>
    <% } %>
 </div>

Then the accStripe rule:

.accStripe{ background:#F7EEDC none repeat scroll 0 0; border-bottom:
1px dotted #DFAC45; }

I'm able to pickup the dotted border but not the background color. I
assume that would be due to greater specificity on the part of the .ui-
accordion-header? How deep would I have to dig to figure out how to
override that?

thx

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to