Question

所以我只是想点击箭头时图片隐藏起来，那就行了。当我添加节目时它停止工作，并且还说我有错误的人

这是代码

// JavaScript文档

$(document).ready(function(e) {
   $(".arrow").click(function() {
    $(this).parent().find(".content").hide(1000);
  });


$(document).ready(function(e) {
    $(".arrow_left").click(function() {
        $(this).parent().find(".content").show(1000);


    });

});

HTML：

<div class="arrow">
    <img src="images/arrow.png" alt="arrow">
</div>
<div class="arrow_left">
    <img src="images/arrow2.png" alt "arrow">
</div>
<div id="main">
    <p></p>
</div>
<div class="content">
    <p></p>
</div>
<div class="content2">
    <p></p>
</div>

Answer 1

试试这个：

$(document).ready(function(e) {
   $(".arrow").click(function() {
    $(".content").hide(1000);
  });


// $(document).ready(function(e) {  <<=== REMOVE THIS PART


    $(".arrow_left").click(function() {
        $(".content").show(1000);
    });

});

Answer 2

您的第一个$(document).ready未正确关闭。

喜欢

$(document).ready(function(e) {
  
   $(".arrow").click(function() {
    $(this).parent().find(".content").hide(1000);
  });


   $(".arrow_left").click(function() {
        $(this).parent().find(".content").show(1000);


    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="arrow"> 
  Hide <img src="http://www.totaleyecareonline.com/images/icon-arrow_up_f1.gif" alt="arrow"> 
</div> 
<div class="arrow_left"> 
  Show <img src="http://i.technet.microsoft.com/dynimg/IC616682.gif" alt"arrow"> 
</div> 

<div id="main"> 
<p></p>
</div>

<div class="content"> 
  <p>Put something here</p> 
</div> 

<div class="content2"> <p></p> </div>

Answer 3

看看这个fiddle

很多人提到过，你不需要声明2 .ready()个函数，1会这样做。

无法获得.show来恢复内容

3 个答案: