在一个函数中切换函数

Question

我有这段代码：

$(document).ready(function(){
       $('#ShowUser').click(function(){
           $('.DivUser').toggle("fast");
        });
 });

 $(document).ready(function(){
       $('#ShowImage').click(function(){
           $('.DivImage').toggle("fast");
        });
 });

$(document).ready(function(){
       $('#ShowProfile').click(function(){
           $('.DivProfile').toggle("fast");
        });
 });


<label id="ShowUser">
<div class="ShowUser">

<label id="ShowImage">
<div class="ShowImage">

<label id="ShowProfile">
<div class="ShowProfile">

我想只放在一个函数中，但javascript不是我强大的一面:) 有人可以帮忙:)。

Answer 1

您可以使用：

$(document).ready(function () {
    $('[id^="Show"]').click(function () {
        var id = this.id.match(/\d+$/);
        $('.Div' + id).toggle("fast");
    });
});

<强> Fiddle Demo