Html 超级简单但不可能的菜单

我该怎么做？ 有3个链接的菜单（A B C）。 “A.html”显示在开始处。 单击链接“B”时，“A”淡出，“B”淡入

每次单击链接时。内容由淡出和淡出更改。 如果可能的话，我希望浏览器返回按钮工作

<div menu>
 <link> A </link>
 <link> B </link>
 <link> C </link>
</div menu>

<div content>
 A
</div content>

A.
B
C
A.

您需要javascript或jquery来实现这一点

请参见下面的“不可能的可能性”：

像这样放置标记

<div class="menu">
   <ul>
      <li class="active">
         <a href="#"  > A </a>
         <div class="A hidden">
            <h1> Hello I am A </h1>
            <img src="y.jpg">         
        </div>
      </li>
      <li>
         <a href="#" > B </a>
         <div class="B hidden">
            <h1> Hello I am B </h1>
            <img src="y.jpg"> 
        </div>
     </li>
   </ul>
</div>

<div class="content">

</div>

多田！！完成了

请参见

中的内容尝试以下操作：

HTML

<div id="menu">
    <a href="#">A</a>
    <a href="#" class="active">B</a>
    <a href="#">C</a>
</div>
<div id="content">A</div>

JS

.active {
    color: red;
}

$(document).ready(function(){
    $('#menu a[class=active]').fadeOut('slow');

    $('#menu a').click(function(){
        $('#menu a[class=active]').fadeIn('slow');
        $('#menu a[class=active]').removeClass();

        $(this).addClass('active');
        $('#menu a[class=active]').fadeOut('slow');

        $('#content').html($(this).html());
    });
});

---

这并非不可能。试试jQuery UI。@ShivanRaptor这样简单的操作本身不需要jQuery UI；）请回顾OP的问题。他要求打开按钮上的淡出和淡出。你没有或忘记展示；）我测试过了。但是加载的html将替换index.html。我想要点什么，没错。为什么你保留了三个不同的页面a.html，b.html，c.html？只需复制每页的内容（在正文内），并将其放在index.htmlHow Manish上相应的div中即可？假设我点击了名为“A”的按钮。我想要这样的东西显示：你好，我把代码放在哪里？看，你不需要一个单独的页面，你可以保持任何你想显示的东西（点击后）在页面的开头本身，但隐藏，当你点击它只是出现。现在看看我的答案。非常简单：）我想要点什么。如果可能的话。没有这个网站使用的php。

$(document).ready(function(){
    $('#menu a[class=active]').fadeOut('slow');

    $('#menu a').click(function(){
        $('#menu a[class=active]').fadeIn('slow');
        $('#menu a[class=active]').removeClass();

        $(this).addClass('active');
        $('#menu a[class=active]').fadeOut('slow');

        $('#content').html($(this).html());
    });
});