Question

我有一个视图页面，只需单击编辑按钮（切换），视图页面就会变为编辑模式页面。

点击一个编辑按钮 - 它会通过在右侧添加减号将项目转换为可移动项目。此外，最右边的项目也会出现。

我怎样才能更好地构建，以便当我点击关闭btn时它会确保它会默认为初始视图页面？

这是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/

正确调整一页上的多个切换

1 个答案: