javascript - 适当调整一页上的多个切换

Question

我有一个 View 页面，通过单击编辑按钮(切换)， View 页面会变为编辑模式页面。

单击编辑按钮后 - 它会通过在右侧添加减号将元素转换为可移动元素。右边还会出现一些元素。

我怎样才能更好地构建，以便当我单击关闭按钮时，它会确保它默认为初始 View 页面？

这是 jsfiddle 的开始: http://jsfiddle.net/85m4u/

<a class="editButton">Edit</a>
<br>
<div class="listofItems">
    <div style="float:left">
        item 1<br>
        item 2<br>
        item 3<br>
    </div>
    <div class="remove" style="float:right; display:none">
        - <br>
        - <br>
        - <br>    
     </div>
 </div>
<div class="fullItems" style="display:none">
     Test 1<br>
     Test 2<br>
     Test 3<br>
</div>

    <button class="closebtn">close</button>

Javascript

$(function(){
    $("#editButton").click(function(){
        $(".actions").toggle();
        $(".remove").toggle();
        $("fullItems").toggle();
    })
})

Answer 1

你的代码有一些错误

将你的 jQuery 改成这样:

$(function(){
  $(".editButton, .closebtn").click(function(){
    $(".actions").toggle();
    $(".remove").toggle();
    $(".fullItems").toggle();
  });
})

http://jsfiddle.net/85m4u/3/