하나의 토글 버튼을 사용하여 열려있는 두 개의 탐색 막대 중 하나를 닫습니다.

Question

하나의 탐색 막대가 있지만 두 개의 토글 부분이 있습니다. 하나는 메뉴이고, 두 번째는 도시 사진입니다.

나는이 드롭 다운 네비게이션 각각을 토글하는 두 개의 버튼이 있습니다. 하지만 하나의 버튼이 있으면 어느 것이 든 열릴 수있는 닫을 것입니다.

별도의 클래스를 navbars에 추가했습니다. 하나는 .cities이고 두 번째는 .menu입니다. 둘 다 클래스가 있습니다. navbar-collapsed collapsed " 하나의 navbar .cities를 열면 닫은 것과 동일한 버튼으로 닫을 수 없습니다. .menu를 토글하고 .cities를 재정 의하여합니다. 이 navbars 내가 다음 개폐는이 버튼을 .menu 수 있습니다 열

I 시도 변경 -.. 온 클릭 이벤트와 데이터 전환, 데이터 대상,하지만 아무것도 작동하는 것 같다되지

정리해 = 두 버튼을 사용하여 두 개의 탐색 막대 (작업)를 열지 만 어느 것이 지금 열리든지 닫을 수 있습니다.

Answer 1

해결 방법 - 어디서나 해당 탐색 바 외부를 클릭하면 축소됩니다. 일부 수정 된 ciple 그리고이 함수의 내부 링크를 추가했습니다, 닫기 버튼 "그래서 사용자가 페이지의 아무 곳이나 직접 닫기 버튼을 클릭하면 둘 다 닫힙니다.

<script type="text/javascript"> 
$(document).click(function(e) { 
    if (!$(e.target).is('a')) { 
     $('.cities').collapse('hide'); 
     $('.menu').collapse('hide'); 
     $('#navbars').attr('data-target','.menu');   
    } 
}); 
</script>