Webサイトのサイドバーの既定値をクローズするように設定する

Question

このHTMLテンプレートを使用しました。

https://html5up.net/editorial

、その上にいくつかの変更を行いました。私はサイドバーメニューのデフォルト値を設定しようとしましたが、これは左側に閉じているので、人々がウェブサイトにアクセスしたときに非表示になります。

私はこのコードを変更しました。

// Sidebar. 
var $sidebar = $('#sidebar'), 
$sidebar_inner = $sidebar.children('.inner'); 

    // Inactive by default on <= large. 
    skel 
    .on('+large', function() { 
    $sidebar.addClass('inactive'); 
    }) 
    .on('-large !large', function() { 
    $sidebar.removeClass('inactive'); 
    }); 

これは次のとおりです。

// Sidebar. 
var $sidebar = $('#sidebar'), 
$sidebar_inner = $sidebar.children('.inner'); 

    // Inactive by default on <= large. 
    skel 
    .on('-large !large', function() { 
    $sidebar.addClass('inactive'); 
    }) 
    .on('+large', function() { 
    $sidebar.addClass('inactive'); 
    }); 

main.jsファイルにあります。

私はローカルでのみ動作しています。アップロードすると以前と同じように動作します。

どうすればよいですか？読んでくれてありがとう。

Answer 1

は、このいずれかを試してみてください。

skel 
    .on('+large', function() { 
    $sidebar.removeClass('inactive'); 
    }) 
    .on('-large !large', function() { 
    $sidebar.addClass('inactive'); 
    });