Question

I’ve got a website that essentially makes boxes, you can click on the box, and it will expand, if you click again on the box, it was return to original size. This is done via:

$container.on(
  "click",
  ".resultLike",
  function(event){
    $('.resultLike').html("liked");
  }
);

No, there’s a div inside that box called resultLike, and when you click it, it also calls a function, but the issue is that the box closes. I’m wondering if there’s some css magic I can do to alter this.

I tried setting the z-index to a number higher than the box. No avail.

Thanks!

Answer 1

You need to stop the propagation with e.stopPropagation(): http://jsfiddle.net/WouterJ/MVNTW/1/