On 18 abr, 19:48, JAT <[EMAIL PROTECTED]> wrote: > [...] > I've problems to select a certain element on code HTML generated by > php. > [...] > ,----[ HTML Code ] > | <div class="box-general"> > | <div class="box-articles"> > | [...] > | {Article options linked with <a> or <img> tags} > | [...] > | <img class="box-slide" id="article-id"> > | [...] > | <div class="box-slide-hidden" id="article-id"> > | <div class="article-slide"> > | {Info about article selected} > | </div> > | </div> > | </div> > | </div> > `---- > > ,----[ CSS Code ] > | [...] > | .box-slide-hidden { > | display:none > | } > | [...] > `---- > > ,----[ jQuery Code ] > | $("img.box-slide").click(function() { > | // Get unique id; > | var $match-img-id = $(this).attr('id'); > | > | $(div.box-slide-hidden).each(function (i){ > | // Get unique id to compare with $match-img-id > | // and, if true, run slide effect. > | var $match-div-id = $(this).eq(i).attr('id') > | [...] > | }); > | }); > `---- > > This code works but only shows the first div.box-slide-hidden > occurrence. > [...] > How can I get a right loop to show right reference only?
Finally I've get it, simple and beauty. ,----[ jQuery Code ] | $("img.box-slide").click(function() { | $('~ div.box-slide-hidden:first', this).slideToggle('slow'); | }); `---- Greetings.