It would be best if: - You explain what you are confused about - You provide some working HTML using a site like LodgeIt http://paste.pocoo.org/ - Perhaps use the dedicated jQuery UI mailing list instead: http://groups.google.com/group/jquery-ui?hl=en
Basic things to watch for/do: - Use FireBug (http://www.getfirebug.com) to make sure your paths are correct to the library/css files - Include jQuery core first, then UI - Include a UI theme - Make sure your selectors are correct and working On Jul 14, 11:19 am, Pkunzipula <pkunzip...@hotmail.com> wrote: > Hello Experts! > > I have been trying to comprehend the JQuery ui slider for a solid day, > and I believe that every tutorial out there skips a giant step for > beginners. > > Forget styling and options...how do you implement this Slider to begin > with? I'm trying to turn each div class="slider" in the code below > into a vertical slider (to replicate CSS overflow-y: auto, but with > more style) > > I included all the libraries and plugins and copied the code from > several demos, and NOTHING! > > Could somebody please explain the setup <- most important part, and > execution of what every tutorial says is simple, but none has made it > so. > > ================================================ > <div id="slide"> > <div id="p1" class="slider"> > <h1>Sham On</h1> > <p>Some paragraph work here. Some paragraph work here. Some paragraph > work here. Some paragraph work here. Some paragraph work here. Some > paragraph work here. Some paragraph work here. Some paragraph work > here. Some paragraph work here. Some paragraph work here. > </p> > </div> > > <div id="p2" class="slider"> > <h1>A new Story, a New Headline</h1> > <p>Some paragraph work here. Some paragraph work here. Some paragraph > work here. Some paragraph work here. Some paragraph work here. Some > paragraph work here. Some paragraph work here. Some paragraph work > here. Some paragraph work here. Some paragraph work here. Some > paragraph work here. Some paragraph work here. Some paragraph work > here. Some paragraph work here. Some paragraph work here. Some > paragraph work here. Some paragraph work here. Some paragraph work > here. Some paragraph work here. Some paragraph work here. Some > paragraph work here. Some paragraph work here. Some paragraph work > here. Some paragraph work here.</p> > </div> > </div> > </div> > > ==================================================== > > Thanks for your time. > > Arlen