Arrêter l'effet de survol après un clic

Question

J'ai un problème assez simple dans jQuery, et je n'arrive pas à trouver une solution : J'ai un effet mouseOver et mouseOut, mais j'ai besoin d'une torsion, si le clic que garder cette boîte ouverte même si leur est un mouseOut.

Voici un exemple de ce que j'ai fait jusqu'à présent :

jsfiddle

Merci d'avance !

Answer 1

$(".rock").click(function() {
      $('.rock').unbind('mouseout');
});

Délier l'événement mouseout au clic de la pierre.

Answer 2

Vous devez délier les événements, puis il reste ouvert pour toujours.

Je vous ai fait une mise à jour du fiddle ici

Answer 3

$(".rock").click(function() {
     $(this).off('mouseout');

Si vous avez plusieurs événements mouseOut, vous pouvez les nommer et ne supprimer que celui qui est en question (le code ci-dessus supprime tous les événements mouseOut liés à l'icône .rock élément).

Answer 4

Essayez ceci à la place

    $(".rock").hover(function() {
    $(".box_content.rock").stop().animate(
          {"height": "100px"},
          "normal");
    $(".box.rock").stop().animate(
          {"height": "140px"},
          "normal");
    $(".hide.rock").removeClass("hide").addClass("show");
    })

    $('.box_content.rock').click(function(){    
    $('.box_content.rock').unbind("hover");
    });