bootstrap div 왼쪽에 표시/숨기기

Question

부트 스트랩을 사용하여 사이트를 만들려고하고 있는데 거의 문제가 될 수는 있지만 해결 방법은 거의 없습니다. 내가 뭘하고 싶은지는 md-2에서 div를 가지고 버튼을 눌렀을 때 보이고 숨기는 것이다. 핵심은 주 div가 숨겨져있을 때 12에 있고 왼쪽 막대가있을 때 10을 유지하는 것입니다.

문제없이 표시하고 숨길 수 있지만 그에 따라 주요 div가 표시 될 수 있습니다. 그 클래스를 바꿀 수는 있지만 메인 디스플레이에 그것을 수용하기 위해 "이동"할 수는 없습니다. 무슨 일은이에 대한 간단한 해결책이 나는 느낌이이 JQuery와

$('#layerbutton').click(function() { 
    $(".map").toggleClass('col-md-12 col-md-10'); 
    $("#tree").toggle("slide"); 
}); 

http://jsfiddle.net/ujcdrj46/1/

를 사용하여 아래의 바이올린에서 볼하지만 난 그냥 그것을 알아낼 수있는 지식을 해달라고 할 수 있습니다. 당신이 제공 할 수있는 도움에 감사드립니다.

또한 긴 수수께끼를 용서하십시오. 다른 방법으로는 작동하지 않습니다.

Answer 1

당신은 .toggleClass() 방법은 Demo

$('#layerbutton').on('click', function() { 
    $('#map').toggleClass('col-xs-10 col-md-10').toggleClass('col-xs-12 col-md-12'); 
    $("#tree").toggle("slide"); 
}); 

주에 영향을 원하는 달성하기 위해 체인 수 있습니다가 나는 바이올린에서이 작업을 보여 .col-xs-*를 포함뿐만 아니라 주변의지도 div에 Id 속성을 추가했다.