Question

Ok so here is my jsfiddle – http://jsfiddle.net/8947F/

basically the slideToggle seems to add then take away some height at the bottom so that it looks like it jumps…

Also the clicking affects all of the hidden divs, how do I get it to only apply to the one in particular

here’s my jquery

$(function() {
$('article .folder-hover').hide();

    $('article').hover(function(){
    $(this).children('.folder-hover').show();
    },
function(){
    $(this).children('.folder-hover').hide();
});    

});

$(function() {
$('article .folder-items').hide();    


$("article").click(function () {
  $(".folder-items").slideToggle("slow");
});
});

any way to get it so it only affects the child div when it’s parent is begin clicked?
and what is up with that ‘jump’???

Thanks in advance

Answer 1

check out this jsfiddle

http://jsfiddle.net/8947F/14/

works nice n smooth!