Javascript 使用Jquery显示和隐藏页面导航

为什么我的物品不回来？我对项目执行了

.show（）

<div id="back">< back</div>
<div class="item">item</div>
<div class="content">My content</div>

$(function(){
    $('.item').on('click', function(){
        $(this).empty();
        $('.content').show(0,'', function(){
            $('#back').show();
        });
    });

    $('#back').on('click',function(){
        $('.item').show();
        $(this).hide();
        $('.content').hide();
    });
});

---

演示

，因为您正在调用

$（this）.empty（）

。项单击函数。更改为

$（this.hide（）

正在从
.item
中删除内容，因此当您单击“
$(function(){
   $('.item').on('click', function(){
      $(this).hide();
      $('.content').show(0,'', function(){
          $('#back').show();
      });
   });

   $('#back').on('click',function(){
      $('.item').show();
      $(this).hide();
      $('.content').hide();
   });
});