ユーザーが最初にサイトにアクセスしたときにサイトの上部に div が表示されるように、小さな jQuery Cookie スクリプトを見つけました。ただし、ユーザーはその div を閉じることを選択でき、その選択はその後しばらくの間記憶されます。
今は正常に動作していますが、 .hide を適用してみたいと思います。スクリプトに「高速」を表示しますが、.css プロパティを変更すると機能しました。ただし、更新するといくつかのバグがあります。選択を記憶しているように機能しますが、展開/折りたたみが適切な場所に配置されません。
誰でも助けることができますか？JS コード:
$(document).ready(function() {
// LEFT COLUMN:
// When the collapse button is clicked:
$('.collapse').click(function() {
$('.collapse').css("display","none");
$('.expand').css("display","block");
$('#actionbar').css("height","0px");
$.cookie('actionbar', 'collapsed');
});
// When the expand button is clicked:
$('.expand').click(function() {
$('.expand').css("display","none");
$('.collapse').css("display","block");
$('#actionbar').css("height","70px");
$.cookie('actionbar', 'expanded');
});
// COOKIES
// Left column state
var actionbar = $.cookie('actionbar');
// Set the user's selection for the left column
if (actionbar == 'collapsed') {
$('.collapse').css("display","none");
$('.expand').css("display","block");
$('#actionbar').css("height","0px");
};
});
そして私のCSS：
.expand {
width:11px;
height:11px;
background:red;
position:absolute;
left:100px;
top:90px;
display:none;
}
.collapse {
width:11px;
height:11px;
background:red;
position:absolute;
right:5px;
top:4px;
}