javascript - 在一个功能中切换功能

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