How can I reduce the amount of children I use in my jQuery functions?

Question

I feel like I have to use way too many .children() in some of my jQuery functions.

Here\'s my HTML:

Answer 1

have you heard about .find() ?

$('.goal-small-container').hover(function() {
  $(this).find('.goal-actions').css({visibility: "visible"});
}, function () {
  $(this).find('.goal-actions').css({visibility: "hidden"});
});