jQuery sessionStorage アコーディオンメニュー 開閉状態を保持
アコーディオン(開閉式)メニューを生成し、sessionStorageで開閉状態を記憶
Cookie版をsessionStorage版に置き換え。
jQuery
$(function () {
for (var i = 1; i <= $('ul').length; i++) {
// Storageがblockであれば読み込み時にメニューをオープンする
if (sessionStorage.getItem('child' + i) == 'block') {
$('#child' + i).show();
$('#child' + i).prev('span').addClass('selected');
}
}
$('span').click(function() {
var child = $(this).next('ul');
// メニュー表示/非表示
$(child).slideToggle('fast', function() {
// sessionStorage ブラウザを閉じたら初期化
sessionStorage.setItem($(child).attr('id'), $(child).css('display'));
});
$(this).toggleClass('selected');
});
});
サンプル
