向左滑动不起作用

Question

单击其中一个子项时，尝试让父div滑动到左侧。但是，我收到以下错误消息：

  

未捕获的TypeError：对象＃的属性'＃'不是   功能

$(".Area").live("click", function () {
    $(".sliderAreas").hide('slide',{ direction: 'left' }, 1000);
})

<div class="clear sliderAreas">
    <h1>Area</h1>
    <h2>Please Select your Current Location</h2>  
    <br />
    <div class='SkiAreas' id="Report">
       <div class='Area'></div>
    </div>
</div>

如果删除动画选项，则会很好地执行默认的幻灯片操作。

Answer 1

这是因为您尝试使用的功能（即hide()方法中使用的参数）在vanilla jQuery中不可用 - 您需要记住在项目中包含jQuery UI库

jsFiddle here.