Правильная настройка нескольких переключателей на одной странице

Question

Правильная настройка нескольких переключателей на одной странице

0

У меня есть страница просмотра, которая нажатием кнопки редактирования (переключает) страницу просмотра переходит на страницу режима редактирования.

Нажимается кнопка редактирования - она преобразует элементы в съемные элементы, добавив знак минуса вправо. Кроме того, справа появится список предметов.

Как я могу лучше структурировать, так что, когда я нажимаю на close 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();
    })
})

user3244544 17 фев. 2014, в 15:40

Источник

0

Это то, что вы после? jsfiddle.net/85m4u/2
RobinvdA 17 фев. 2014, в 13:59
0

@RobinvdA несколько да, но я хочу, чтобы при повторном нажатии кнопки редактирования он возвращался в нормальное состояние. И когда я нажимаю закрыть в нормальном состоянии, он не меняется в режим редактирования. Кроме того, когда я нажимаю изменить, я должен увидеть «Тест 1» ... справа
user3244544 17 фев. 2014, в 14:02

Теги:

javascript

jquery

html

css

toggle

1 ответ

Ещё вопросы

@RobinvdA несколько да, но я хочу, чтобы при повторном нажатии кнопки редактирования он возвращался в нормальное состояние. И когда я нажимаю закрыть в нормальном состоянии, он не меняется в режим редактирования. Кроме того, когда я нажимаю изменить, я должен увидеть «Тест 1» ... справа

RobinvdA · Accepted Answer · 2014-02-17T12-52-00.000Z

В вашем коде несколько ошибок.

Измените jQuery на это:

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

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