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