javascript - 通过单击按钮淡出/淡入单独的 div

Question

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

示例：如果我来到主页并单击投资组合按钮，Gallery Div 将淡出然后淡入另一个图像。同时 Text div 将淡出其内容并加载投资组合文本。

如果这没有意义，我深表歉意，这对我来说都是全新的，我正在努力学习。

Answer 1

你的问题很模糊，但希望这个例子能让你朝着正确的方向开始：http: //jsfiddle.net/3mJ3z/

基本上，有 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>
​

JS：

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