隐藏/显示计数是否大于 5
Hide/Show if Count is Greater Than 5
我正在研究WordPress主题,发现了一个我有点困惑的问题。我正在显示不同城市的办事处列表。这是一个自定义分类法,我使用以下代码来显示术语的无序列表。
$wpz_offices = get_the_term_list( $post->ID, 'office', '<li>', '</li><li>', '</li>');
echo $wpz_offices;
它准确地显示了它应该显示的方式,但问题是如果<li>
超过 5
,我想添加一个 javascript 切换。我对JavaScript的了解还不够多,无法实现这一点,所以这就是我寻求帮助的原因。使用可用的标记是否可以这样做?
所以基本上如果分类法的<ul>
有 4 个或更少的术语,那么正常显示
- 阿
- b
- c
- d
但是如果我们有 5 个术语显示这一点
查看所有办公室 点击这里
任何帮助将不胜感激。
更新对于那些好奇的人,这里是我如何使用答案的帮助http://jsfiddle.net/KQBKu/
演示 http://jsfiddle.net/yGt4y/
这应该给你好主意。 :)
API:http://api.jquery.com/slideToggle/
法典
$(document).ready(function () {
if ($('ul > li').length > 3) {
$('#click').show();
$('ul').hide();
}
$('#click').click(function () {
$('ul').slideToggle();
});
});
你应该试试这段代码
演示小提琴
var list = $('ul').children().size();
if(list > 4){
$('ul').children().hide().slice(0,4).show();
var span = $('<span>').html('show more');
$(span).toggle(function(){
$('ul').children().show();
$(span).html('show less');
}, function(){
$(span).html('show more');
$('ul').children().hide().slice(0,4).show();
});
$('ul').after(span);
}
相关文章:
- JavaScript对象作为哈希?复杂性是否大于O(1)
- jQuery检查CSS宽度是否大于0,然后添加CSS属性
- 如何检查一个变量是否大于多个其他变量
- 函数来检查给定整数数组中给定位置的元素是否大于其两个邻域
- 检查变量是否大于某物,但不是未定义的
- 检查日期是否大于一个月的第一个周结束日期
- 隐藏/显示计数是否大于 5
- 检查数组的总和是否大于最大数量,反之亦然
- 如何检查鼠标的Y坐标是否大于一个值
- 正在检查当前日期时间是否大于或等于数据库中的日期和时间
- 如何检查时间是否大于javascript中2个日期之间的总时间
- 如何检查一个值是否大于另一个值
- 检查number's的十进制在JavaScript中是否大于0.5
- 我需要知道数组的内容是否大于0
- 如何测试数组中的一个值是否大于另一个值.javascript
- jQuery -检查字符串是否大于4个字符
- 检查时间是否大于一天中的特定时间
- 是否有一种明确的方法来判断两个整数的和是否大于max int ?
- 如何检查值中的时间戳是否大于4500毫秒
- 验证数组的最后一个值是否大于前一个值