try this jQuery(document).ready(function() {
$(".some-class").hover( function () { $(this).children('.inside').css ("display", "block"); }, function () { $(this).children('.inside').css ("display", "none"); } ); }); On Jun 25, 7:36 am, vladush <vlad...@gmail.com> wrote: > hi, > > could anybody help me with jquery selectors? > i have this code: > <div class="some-class"> > <div class="inside" style="display: none;"> > </div> > <div class="some-class"> > <div class="inside" style="display: none;"> > </div> > ... > > on hover on each "some-class" element i want to set "display: block;" > for div with "inside" class, but only on div which is child of > actually hovered element. > > is it possible do something like this? > > jQuery(document).ready(function() { > > $(".some-class").hover( > function () { > $(this).$(".inside').css("display", > "block"); > > }, > function () { > $(this).$(".inside').css("display", > "none"); > > } > ); > }); > > thank you very much.