The parent <li> color is showing through...
put
.stripeable { background-color: #FFF }
in there to see what I mean
On Oct 24, 2:24 pm, MartyB <[EMAIL PROTECTED]> wrote:
> I'm a newbee. I want to create a collapsable ul. But I want each
> visible li (including both parent li and child li's ) to alternate the
> background color. The problem is that when I apply the background to
> the parent, all of the child li's do not change color they inherit the
> parent color. I am using the following code to make this happen...
>
> <html>
> <head>
> <script type="text/javascript" src="jquery-1.2.6.js"></script>
> <script type="text/javascript">
> $(document).ready( function() {
> $('li.stripeable:even').addClass('greenbar');});
>
> </script>
> <style>
> .greenbar {
> background-color:#EEEEEE;}
>
> ul {
> list-style-type: none;}
>
> .stripeable {}
> </style>
> </head>
> <body >
> <ul >
> <li class="stripeable" >
> 11111 (4 dates)
> <ul>
> <li class="stripeable">
> date1
> </li>
> <li class="stripeable">
> date2
> </li>
> <li class="stripeable">
> date3
> </li>
> <li class="stripeable">
> date4
> </li>
> </ul>
> </li>
>
> <li class="stripeable">
> 11112 (3 dates)
> <ul>
> <li class="stripeable">
> date1
> </li>
> <li class="stripeable">
> date2
> </li>
> <li class="stripeable">
> date3
> </li>
> </ul>
> </li>
>
> <li class="stripeable">
> 11113 (3 dates)
> <ul>
> <li class="stripeable">
> date1
> </li>
> <li class="stripeable">
> date2
> </li>
> <li class="stripeable">
> date3
> </li>
> </ul>
> </li>
> </ul>
> </body>
> </html>
