小编Pat*_*ick的帖子

我有一个基于按钮点击扩展/折叠到自动高度的div.我的工作正常,但我想使用jquery.cookie.js来记住用户是否扩展它,以便它在页面刷新时保持打开状态.我看过类似的问题

例如,在页面刷新后使用cookie.js在div上保持切换状态

但是我似乎无法让这个适用于我的情况.它不仅仅是一个简单的显示/隐藏,而且我无法确定正确设置和使用cookie的语法.这是我的工作代码的小提琴,也许有人可以帮助我？

http://jsfiddle.net/j2Rsy/

这是相关代码:

$('#viewless').hide();
$('#viewmore').click(function(){
    var el = $('#resize01'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
    el.height(curHeight).animate({height: autoHeight}, 500);
    $('#viewmore').toggle();
    $('#viewless').toggle();
});

$('#viewless').click(function(){
$('#resize01').animate({height: '190'}, 500);
    $('#viewmore').toggle();
    $('#viewless').toggle();
});

我在这里看过类似的问题,但我没有找到一个特别的问题.

如果我正确阅读了这篇文章:http://css-tricks.com/specifics-on-css-specificity/

那么发生的事对我来说没有意义.有人可以解释这是因为地点,遗传或特异性吗？我已经剥离了所有无关的CSS.

CSS

a:link {font-size:0.875em;color:#005984}
.button {color:#fff}

HTML

<a class="button">Awesome call to action</a>

我最终得到一个蓝色文字的按钮,而不是白色.现在,a是一个元素,所以它应该比.button类具有更低的特异性,如果不是的话？

谢谢你的时间.