Javascript 一个就绪函数中的多个函数

我有一个函数

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

还有一个功能

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

我如何合并此函数，以便如果单击了

btn1

，它将执行幻灯片日志，如果单击了

bn2

，它也将执行幻灯片日志？

---

谢谢大家!

您可以使用

，

分离选择器：

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

---

您可以使用

，

分离选择器：

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

---

您可以在

文档下定义多个函数。就绪
函数：

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

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

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

});

您可以在
文档下定义多个函数。就绪
函数：

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

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

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

});

只需将您的所有元素id添加到$（）中，就像


$（文档）。准备好了吗(
函数（）{
$（“#btn1，#btn2”）。单击（函数（）{
$（“.show_div”）.slideToggle（'fast'）；
});
});只需将您的所有元素id添加到$（）中，就像


$（文档）。准备好了吗(
函数（）{
$（“#btn1，#btn2”）。单击（函数（）{
$（“.show_div”）.slideToggle（'fast'）；
});
});
您可以在ready函数中将这两种方法一个接一个地添加到另一个方法中。在你的例子中，两个按钮将滑动同一个div，这真的是你需要的吗？如果不是，那么最好让这个系统使用html锚。请参见此示例：您可以在ready函数中将这两个方法一个接一个地添加到另一个方法中。在你的例子中，两个按钮将滑动同一个div，这真的是你需要的吗？如果不是，那么最好让这个系统使用html锚。看到这个例子：这是工作，但在添加了这个代码
$（“#btn_0”）。点击（函数（）{$（'html，body'）。动画（{scrollTop:$（“#分隔符”）.offset（）.top}，500）；
这是不工作的。发生了什么事？啊！我发现了我的问题，我只是忘了添加这个
}）谢谢！这是可行的，但是在添加了这个代码之后，
$（“#btn_0”）。点击（函数（）{$（'html，body'）。动画（{scrollTop:$（“#分隔符”）。offset（）.top}，500）；
这是不可行的。会发生什么？啊！我发现了我的问题，我只是忘记添加这个
}）谢谢！