所以我有一个很小的函数来滑动和隐藏页脚和其中的另一个元素,两个 .click 函数都运行良好,但我没有得到键盘响应,我的问题,有没有办法触发相同的函数而不必同时使用 .click 事件和键盘触发器重复它?
$(function () {
$("#downmenu").click(function(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
});
$("#upmenu").click(function(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
});
if ((event.keyCode == 40)) {
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
} else if ((event.keyCode == 38)) {
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
}
});
function f1(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "none");
$("#upmenu").css("display", "block");
}
function f2(){
$("#filo").slideToggle("fast");
$("#downmenu").css("display", "block");
$("#upmenu").css("display", "none");
}
$(function(){
$("#downmenu").click(function(){
f1();
});
$( "body" ).keypress(function( event ) {
if ( event.which == 40 ) {
f1();
}
});
$("#upmenu").click(function(){
f2();
});
$( "body" ).keypress(function( event ) {
if ( event.which == 38 ) {
f2();
}
});
}