Dmitrii Dimandt schrieb: > Hi all > > I've started collecting some examples I've come across while solving > problems using jQuery. I guess they could be interesting to the > community as a whole. > > These (sort of) tricks are available here: http://dmitriid.com/jquery/en/ > > I hope to add more examples with time. > > Hopefully, this will be helpful to at least someone :)
A few things I noticed: * In the first example you're using invalid HTML (apart from the fact that it's also div soup). An id is supposed to be unique in a document and if you're using the same id more than once, that will most probably cause problems and unexpected behaviour. For example will document.getElementById('title') only return the first element in the source with that id. * Instead of using correct semantics - you're already talking of headers so why don't you use it - you're using divs only. * Using <br /> to create margins is purely presentational and not any better than using font tags or inline styles. It's hard to control margins via CSS with these breaks in the way. Here's more semantic markup I'd use for that: <ul id="wrapper"> <li> <h2>Title 1</h2> <p>Body 1</p> </li> <li> <h2>Title 2</h2> <p>Body 2</p> </li> <li> <h2>Title 3</h2> <p>Body 3</p> </li> </ul> The good thing about semantic markup is that you don't need classes or id's to separate the elements because you can pick them by type (Using div soup naturally results in classitis as well). You should also add the missing type attribute to your style and script elements. As these examples seem to be meant as copy & paste do not let the people copy the incorrect markup. Apart from that, thanks for your efforts of course. -- Klaus _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/