改进JQuery MP3播放器插件代码

Question

我不是最有经验的jQuery的作者,我想出了一个解决一个简单的问题,但对我来说似乎并不喜欢做的最好的方式.我认为代码解释得最好:

$("#play_button").click( function () {
    $("#play_button").hide();
    $("#pause_button").show();
});

$("#pause_button").click( function () {
    $("#play_button").show();
    $("#pause_button").hide();
});

有关更好的代码块的任何建议,以完成相同的事情？

Answer 1

假设一个开始可见,另一个不可见:

$("#pause_button, #play_button").click(function(){
  $("#play_button, #pause_button").toggle();
});

在线演示:http://jsbin.com/ewave/edit

如果你将一个简单的类应用于:class='button',你可以使它更简单:

$(".button").click(function(){
  $(".button").toggle();
});