to start with... a <button> doesn't "toggle" you want the click event there
then you'll want to do a check to see if the <li> is blue, if it is, remove blue, otherwise add it better use, use a CSS class with "color: blue" .blue { color: blue; } then you can say $('#jqdt').find('ol li:eq(0)').toggleClass("blue"); On Jan 11, 5:45 pm, JQueryNewbie <gibtronics2...@gmail.com> wrote: > I cant get my color change on my listitem. any help would be > appreciated. Thanks in advance. > > <head> > <title></title> > > <script src="scripts/jquery-1.3.2.js" type="text/javascript"></ > script> > <script type="text/javascript"> > $(document).ready(function() { > $("dt-link1").toggle(function() { > $('#jqdt').find('ol li:eq(0)').css("color","Blue"); > return false; > }); > }); > </script> > > </head> > <body> > > <div id="jqdt"> > <ol> > <li>list item 1 with dummy link to silly.pdf </li> > <li>list item 2 with class="goofy" </li> > <li>list item 3 SURPRISE! </li> > <li>list item 4 with silly link to silly.pdf </li> > </ol> > </div> > > <br/> > <button id="dt-link1" type="button">toggle first list item</button> > <button id="dt-link2" type="button">toggle first li even</button> > > </body>