隱藏/顯示計數是否大於5

Question

我正在使用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/

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

Answer 2

你應該試試這個代碼

演示小提琴

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);
}