Javascript 单击按钮淡出/淡入速度div

我看到一个flash网站，很好奇现在是否可以使用Jquery来构建它，显然不是全部。我更希望通过点击按钮来淡出div1和div2。 这是示例站点： www.justinfarrellyconstruction.com

例如： 如果我来到主页并点击公文包按钮，Gallery Div将淡出，然后淡入另一幅图像。同时，Text div将淡出其内容并加载公文包文本

---

如果这不合理，我很抱歉，这对我来说是全新的，我正在努力学习。

你的问题非常模糊，但希望这个例子能让你从正确的方向开始：

基本上，有3个菜单项和3个相应的内容项。单击菜单项时，所有其他内容项消失，相应的内容项淡入。HTML：

<div class="item-1 content-item">
    I am the content for item 1
</div>

<div class="item-2 content-item" style="display: none;">
    I am the content for item 2
</div>

<div class="item-3 content-item" style="display: none;">
    I am the content for item 3
</div>

<ul>
    <li class="change-item" data-item="1">Item 1</li>
    <li class="change-item" data-item="2">Item 1</li>
    <li class="change-item" data-item="3">Item 1</li>
</ul>
​

---

答案是肯定的。我怀疑这里的任何人都不会为你写这整件事。嗨，爱斯基摩人，谢谢你的回复。如果我的问题含糊不清，我道歉。我真的怀疑这里的任何人也会为我写这整件事，我不希望他们这样做。我不熟悉Jquery，只是想弄清楚如何实现这一点。我实现了第一部分，即替换文本div。现在，我们只想弄清楚，一旦单击“数据项2”按钮，如何交换图像div。也许我用词不对。再次感谢你们的帮助。嗨，爱斯基摩人，所以我背着你们的例子来告诉你们我在做什么。我确信代码是错误的，但是从这个例子中你可以看到我试图完成什么，但是代码是正确的。

$('.change-item').click(function(){
    var this_item = $(this).attr("data-item");
    $('.content-item').hide();
    $('.item-' + this_item).fadeIn();
});​