I'm attempting to make the parent div slide to the left when one of its children is clicked. However, I keep encountering the following error message:
Uncaught TypeError: Property '#' of object # is not a function
$(".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>
If I remove the animation options, the default slide action occurs smoothly.