wie man Sidebar durch Klicken innerhalb Körper

Question

hey ich habe eine offcanva Sidebar, die ziemlich gut funktioniert. Was ich ändern sollte, ist, dass die Benutzer die Seitenleiste schließen sollen, indem sie an jeder Stelle klicken. Zum Beispiel im Körper.

Im Moment gibt es eine Schließen-Schaltfläche in der Seitenleiste, die es auf den Standardwert zurückbringt.

function openNav() { 
    document.getElementById("left-sidebar").style.width = "250px"; 
} 

function closeNav() { 
    document.getElementById("left-sidebar").style.width = "0"; 
} 

öffnet Sidebar

<a href="#" onclick="openNav()"><i class="icon-menu"></i></a> 

schließen Sidebar

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"></a> 

Answer 1

Sie könnten es tun, um diese Art und Weise

// Toogle Left Sidebar 

$('#open-pulse-sidebar').click(function() { 
    $('.pulse-sidebar').toggleClass('active') 
}) 

$(document).click(function(e) { 
    var sidebar = $(".pulse-sidebar, #open-pulse-sidebar"); 
    if (!sidebar.is(e.target) && sidebar.has(e.target).length === 0) { 
    sidebar.removeClass('active') 
    } 
}); 

html:

<a href="#" id="open-pulse-sidebar"><i class="icon-menu circle-icon"></i></a> 

und die Breite könnten Sie über CSS tun.

Fore Beispiel:

width: 19.24em;