Jquery 单击后停止悬停效果

我在jQuery中遇到了一个非常简单的问题，但似乎找不到解决方案： 我有一个mouseOver和mouseOut的效果，但我需要一个扭曲，如果单击，那么即使它们是mouseOut，也要保持该框打开

以下是我到目前为止的一个例子：

提前谢谢

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

---

如果您有多个mouseOut事件，您可能希望为它们命名名称，并仅删除有问题的一个（上面的代码将删除绑定到

.rock

元素的所有mouseOut事件）。

您必须解除事件绑定，然后它将永远保持打开状态

取消鼠标移出事件的绑定。单击岩石。

尝试安装此选项

    $(".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");
    });

$（'.box_content.rock'）。解除绑定（“悬停”）工作不太好
    $(".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");
    });