具体的なページが表示されているときにサイドバーを隠す

Question

私が実装したサイドバーメニューを隠そうとしていますが、具体的なページでは、プレーンなJavascriptを使用していますが、 Jqueryで試してみよう。誰でもチップや書類を与えることができます。ダンケ

Answer 1

サイドバーが「サイドバー」という1つの要素で構成されているとします。 は非表示にするページでは、あなたが書くいるの.jsページリンク：

//Javascript 
window.onload = function() { 
    document.getElementById("sidebar").style.visibility = "hidden"; 
}; 

Answer 2

.hide笑

あなたは本当に私たちはあなたのPROBを修正することができますので、いくつかのコードをアップロードする必要があります。

Answer 3

をページがそれに接続されている独自のJavaScriptを持っている場合は、この

$(document).ready(function() { 
    $('#side_bar_id').hide(); 
}); 

ような何かを試みることができます

または一般のJavaScriptファイルが扱う必要がある場合、それ

$(document).ready(function() { 
    var path = window.location.pathname; 
    path = path.split('/'); 
    if(path[0] == "concretepage") { 
     $('#side_bar_id').hide(); 
    } 
} 

Answer 4

$('button').toggle(
 

 
function() { 
 
    $('#B').css('left', '0') 
 
}, function() { 
 
    $('#B').css('left', '200px') 
 
})

html, body { 
 
    margin: 0; 
 
    padding: 0; 
 
    border: 0; 
 
} 
 
#A, #B { 
 
    position: absolute; 
 
} 
 
#A { 
 
    top: 0px; 
 
    width: 200px; 
 
    bottom: 0px; 
 
    background:orange; 
 
} 
 
#B { 
 
    top: 0px; 
 
    left: 200px; 
 
    right: 0; 
 
    bottom: 0px; 
 
    background:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="A"></div> 
 
<div id="B"><button>toggle</button></div>