はてなブログのカスタマイズ ヘッダ タイトルの下 2019/09/04

<span class="menu-toggle"><i class="blogicon-reorder lg"></i>MENU</span>
<ul id='menu'>
<div class="menu-inner">
<li><a href='https://nagaisaka.hatenablog.com/'>TOP
<li><a href='https://nagaisaka.hatenablog.com/archive/category/%E6%97%A5%E8%A8%98%E3%81%A8%E3%81%97%E3%81%A6%E8%AA%AD%E3%82%93%E3%81%A7%E3%82%82%E3%82%89%E3%81%88%E3%82%8B%E3%81%A8%E5%AC%89%E3%81%97%E3%81%84%E3%81%A7%E3%81%99'>日記</a></li>
<li><a href='url'>回想</a></li>
<li><a href='url'>修正</a></li>
<li><a href='url'>御守</a></li>
<li><a href='url'>絵画</a></li>
<li><a href='https://nagaisaka.hatenablog.com/archive/category/%E5%86%85%E7%B7%92'>内緒</a></li>
<li><a href='url'>遊戯</a></li>
<li><a href='url'>恋愛</a></li>
</div>
</ul>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){
$(".menu-toggle").on("click", function() {
$(this).next().slideToggle();
});
});
$(window).resize(function(){
var win = $(window).width();
var p = 768;
if(win > p){
$("#menu").show();
} else {
$("#menu").hide();
}
});
</script>