滑动页脚OnHover和OnClick？

Question

我希望修改这两个滑动页脚的例子，以便他们在移动设备上工作。如何在移动设备上为我们添加onClick open和onClick close，同时仍然让onHover工作在桌面上？

关闭和打开的onClick需要在“页脚按钮”文本或稍后添加的一组两个图像(一个用于页脚按钮打开，一个用于页脚按钮关闭)上处于活动状态。

http://jsfiddle.net/aQmHB

$(".footer").hover(function () {
$(".slide").slideToggle("fast");
});

http://jsfiddle.net/a88m6

$(".footer").hover(function () {
$(this).animate({height: 250});
}, function(){
$(this).animate({height: 25});
});

Answer 1

你通常可以使用用户代理来确定它是在移动设备上还是在桌面上被看到，并相应地独立处理它们。因此，请检查用户代理是什么，然后按照您希望的方式绑定事件。