我还有一个问题,在我的网站上我有分层的水平导航。它工作得很好,但现在我已经修改了它。
对于某些产品类别,例如。12 个属性将出现在类别级别,但我只想显示 5 个属性,之后您必须单击显示更多选项。
我已经建立了一条断线,规定只有 5 个属性会显示,所以只剩下显示更多选项。
我认为最简单的方法是将这些附加链接放在单独的<div />
或其他元素中并将其设置为display: none;
样式。然后我会使用一个简单的 JavaScript 代码在点击Show more
链接时显示它们,例如
<a href="javascript:void(0)" id="show-more-link">Show more</a>
<div style="display:none;" id="other-attributes">(the content)</div>
<script type="text/javascript">
//use prototype for this matter
$('show-more-link').observe('click', function(){
if ($('other-attributes')).visible() { //hide
$('other-attributes').hide();
this.update('Show more');
} else {
$('other-attributes').show();
this.update('Show less');
}
return false;
});
</script>
我还没有测试过,但我认为这样的东西应该可以工作。