Как переключить боковую панель DIV с помощью JQuery

Question

У меня есть точно такой же вопрос, как этот: How to toggle (hide/show) sidebar div using jQuery

К сожалению, это не работает больше с JQuery 1.9.1. Как получить тот же результат с последней версией jQuery?

Answer 1

Try:

(function() { 
    var state = 0; 
    var toggle = function() { 
     if (state === 0) { 
      $('#B').css('left', '0'); 
      state = 1; 
     } else { 
      $('#B').css('left', '200px'); 
      state = 0; 
     } 
    } 

    $('button').click(toggle); 
}()); 

Answer 2

Try с этим

$('button').click(function(){ 
    $('#My_div_id').toggle(); 
}); 

Answer 3

Make селекторе для этого элемента и чем, идентификатор для элемента, который является «процессор» для действия.

Например:

$('#id1').click(function(){ 
$('#id2').slideToggle(x); 
}); 

где х представляет число (1000) в течение одной секунды. Это также может быть слово, медленно, быстро.

Answer 4

Хотя Jquery toggle(), slideToggle() и fadeToggle() являются наиболее распространенными инструментами для работы, используя toggleClass() добавляет немного больше гибкости, так как вы можете настроить свой стиль/анимацию в CSS и отделить его от ваш JS-код. , например.

.item { 
    width: 100px; 
    height: 100px; 
    background: red; 
    -webkit-transition: width 1s; 
    -moz-transition: width 1s; 
    -ms-transition: width 1s; 
    -o-transition: width 1s; 
    transition: width 1s; 
} 
.item.hidden { 
    width: 0; 
} 

, а затем:

$('.item').toggleClass('hidden'); 

DEMO