jquery - 使用 jQuery 在内容之间切换

Question

我需要一些帮助:

我必须做这样的事情，但我的 jQuery 知识还不够:(

<div id="dog-button"></div>
<div id="cat-button"></div>

<div id="dog"></div>
<div id="cat"></div>

我们有两个按钮。当你点击狗按钮时，狗div应该出现当你点击猫按钮时，猫div出现(在确切的位置，但我想这只是CSS)。重要的是，该网站加载狗并且不显示任何内容。你有什么想法？ :-(

Answer 1

$("#dog-button,#cat-button").click(function() {
    var divToOpen = $(this).attr("id").replace("-button","");
    $("#dog,#cat").hide();
    $("#"+divToOpen).show();
});

演示: http://jsfiddle.net/uhcHV/