jquery - 两个按钮来激活底部抽屉？

Question

我希望有人能帮我弄清楚如何创建执行相同操作的两个按钮。目前，我有一个底部抽屉，有一个可见的、可点击的选项卡可以打开。我想创建一个额外的按钮来执行相同的操作，但我不太确定如何编写 JQuery 函数的代码。

我当前用于底部抽屉的 JQuery 如下。如果它提供更多上下文，我还链接到 fiddle 。 My Fiddle

var h_bt = 0; //variable to keep track of the div#bottom condition.

    $('a#handler_bottom').on('click', function(event){  

        event.preventDefault();

        if(h_bt == 0){

            //$('div#bottom').animate({top:'600px'}, 300);
            //$('div#top').css({'background-color': 'red'});

            $(this).parent().animate({top:'480px'}, 300);
            $(this).css({'background-color': '#838da6'});

            h_bt = 1;
        }else{

            $(this).parent().animate({top:'600px'}, 300);
            $(this).css({'background-color': '#838da6'});

            h_bt = 0;
        }
    });

感谢您的帮助!

Answer 1

创建一个函数并将其附加到两个事件:-

function repeatFunction(event){
 event.preventDefault();

    if(h_bt == 0){

        //$('div#bottom').animate({top:'600px'}, 300);
        //$('div#top').css({'background-color': 'red'});

        $(this).parent().animate({top:'480px'}, 300);
        $(this).css({'background-color': '#838da6'});

        h_bt = 1;
    }else{

        $(this).parent().animate({top:'600px'}, 300);
        $(this).css({'background-color': '#838da6'});

        h_bt = 0;
    }  

1. 将它应用于两个事件，例如:-

   $(函数(){ $(element1).click(函数(事件){ 重复函数(事件)； });

   $(element2).click(函数(事件){ 重复函数(事件)； });});