<div id="slide-show"> <ul id="slide-images"> <li><a href="accordion1.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion1.jpg" alt="One" title="One" /></a></li> <li><a href="accordion2.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion2.jpg" alt="Two" title="Two" /></a></li> <li><a href="accordion3.jpg" class="thickbox" rel="gallery- plants"> <img src="accordion3.jpg" alt="Three" title="Three" /></a></li> </ul> </div>
how can i rewrite this function using JQuery ?! function init() { var lis = $('slide-images').getElementsByTagName('li'); for( i=0; i < lis.length; i++){ if(i!=0){ lis[i].style.display = 'none'; } } LastPic = lis.length -1; }