一个就绪功能中的多功能

Question

我有一个功能

$(document).ready(
    function() {
        $("#btn1").click(function() {
            $(".show_div").slideToggle('fast');
        });
});

和另一个功能

$(document).ready(
    function() {
        $("#btn2").click(function() {
            $(".show_div").slideToggle('fast');
        });
});

如何合并此功能，如果点击btn1，它将执行slidetoogle，如果点击bn2，它也会执行slidetoogle？ 谢谢！

Answer 1

您可以使用,：

分隔选择器

$(document).ready(function() {
    $("#btn1, #btn2").click(function() {
        $(".show_div").slideToggle('fast');
    });
});

Answer 2

您可以在document.ready函数下定义多个函数：

$(function() {
    $("#btn1").click(function() {
        $(".show_div").slideToggle('fast');
    });

    $("#btn2").click(function() {
        $(".show_div").slideToggle('fast');
    });

    $("#anyId").click(function() {
        //whatever
    });

});

Answer 3

只需在$（）中添加所有元素ID，就像

一样

＆＃13;

＆＃13;

$(document).ready(
    function() {
        $("#btn1, #btn2").click(function() {
            $(".show_div").slideToggle('fast');
        });
});

＆＃13;

＆＃13;

＆＃13;