本文をクリックしてサイドバーを閉じる方法

Question

ねえ、私はオフキャナのサイドバーがかなりいいです。私が変更したいのは、ユーザーがどこでも好きな場所でcklickingすることでサイドバーを閉じるべきだということです。例えば、体の中に。

現時点ではサイドバー内にクローズボタンがあり、デフォルトに戻ります。

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

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

は

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

Answer 1

あなたはこのようにそれを行うことができ、サイドバーに

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

近いサイドバーを開く

// 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> 

とあなたはCSSを介して行うことができます。

フォアの例：[ユーザーはその外側クリックしたときにDIVを隠すために使用jQueryの]の

width: 19.24em;