<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>var session = {
'list': []
};
$('ul').children().each(function(i,v){
session.list.push({ 'id': i, 'value': $(v).text()});
});
localStorage.setItem('session', JSON.stringify(session));
var restoredSession = JSON.parse(localStorage.getItem('session'));.span12использует фиксированную ширину ? Так же настройте сайт под разные размеры экрана и избавьтесь от фиксированных значений.
@media screen and (max-width: 980px) {
#pagewrap {
width: 95%;
}
#content {
width: 60%;
padding: 3% 4%;
}
#sidebar {
width: 30%;
}
#sidebar .widget {
padding: 8% 7%;
margin-bottom: 10px;
}
}$.fn.visible = function() {
return this.css('visibility', 'visible');
};
$.fn.invisible = function() {
return this.css('visibility', 'hidden');
};$('Element').click(function(){
$(this).visible(); or $(this).invisible();
});