Question

我遇到了Jquery切换选项的问题。我复制粘贴了第一个切换块的代码，用作下一个切换块的模板，它在第一页上完美运行。我个性化了8个单击时打开和关闭的块。但是当我复制粘贴其中一些将它们放在另一个页面上时，默认情况下它们都是打开的。相同的代码给出了不同的结果。

正如其他帖子中所建议的那样，我尝试更改了班级和ID名称，并使用＆＃39; ready-hide＆＃39;但它仍然不会让切换关闭＆＃39;默认情况下。

如何在页面打开时关闭可切换块？

我很抱歉这是胡言乱语，这是我第一次尝试编码，我真的可以使用一点帮助！

谢谢

我的代码在一个页面上工作但不在下一个页面上工作的示例：

<div id="flip1" class="flip">
  <span style="cursor:pointer">
   <img src="img1"/><b>Title1</b>
  </span>
</div>
<div id="panel1" class="panel">
  <div class="type1">
   <article id="article1">
     <h2>Title first article</h2><img src="img"/>bla bla bla</article>
  </div>
</div>

<script> 
$(document).ready(function(){
    $("#panel1").hide();
    $("#flip1").click(function(){
        $("#panel1").slideToggle("slow");
    });
});
</script>


<div id="flip2" class="flip">
  <span style="cursor:pointer">
   <img src="img2"/><b>title2</b>
  </span>
</div>
<div id="panel2" class="panel">
  <div class="type2">
   <article id="article2">
    <h2>Title second article</h2><img src="img"/>Bla Bla bla Bla</article>
  </div>
</div>

<script> 
$(document).ready(function(){
    $("#panel2").hide();
    $("#flip2").click(function(){
        $("#panel2").slideToggle("slow");
    });
});
</script>

再次感谢！

全部切换打开，但仅在代码复制粘贴时

0 个答案: