0

当我点击不同的按钮时，我希望能够显示同一段落的不同语言版本。如果我单击“英语”，它将显示它后面的段落，但不会显示法国之后的段落。同样，当我单击“法国”时，只会显示后面的段落。我有下面的代码，但是当我点击时没有任何段落出现。知道有什么问题吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html class="no-js" lang="en">

<!--<![endif]-->

<head>

  <meta charset="utf-8" />

  <!-- Always force latest IE rendering engine & Chrome Frame -->

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>

  <!-- CSS Styles -->

  <link rel="stylesheet" href="style.css" />
<style>
 .panels { display: none; }
    </style>
</head>

<body>

  <div class="text">

    <img src="closed.png" alt="Under Maintenance" />
<div class="links">
   <a href="#Eng">English</a>
   <a href="#Fra">France</a>
</div>
    <p id="Eng" class="panels">

      Site is currently down for maintenance.</p>

    <p id="Fra" class="panels">

      French version goes here.</p>

  </div>

<script>
$(".links a").click(function() {
    $(".panels").hide();
    $(this.hash).fadeIn();
});
</script>


</body>

</html>
4

0 回答 0