javascript - 如果计数大于 5，则隐藏/显示

Question

我在 WordPress 主题中工作，发现一个让我有点困惑的问题。我正在展示不同城市的办公室列表。这是一个自定义分类法，我使用以下代码来显示一个无序列表的术语。

$wpz_offices = get_the_term_list( $post->ID, 'office', '<li>', '</li><li>', '</li>');
echo $wpz_offices;

它准确地显示了它应该如何显示，但问题是如果 <li> 我想添加一个 javascript 切换。超过 5 .我对 JavaScript 了解不够，无法实现这一点，所以这就是我寻求帮助的原因。这可能使用可用标记吗？

所以基本上如果<ul>对于分类法有 4 个或更少的术语然后正常显示

• a
• b
• c
• d

但是如果我们有 5 个术语显示这个

要查看所有办事处，请单击此处

如有任何帮助，我们将不胜感激。

更新对于那些好奇的人，这里是我如何使用答案的帮助 http://jsfiddle.net/KQBKu/

Answer 1

演示 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();
    });
});