如果Count大於5，隱藏/顯示

我在WordPress主題中工作，發現一個問題，我有點困惑。我正在顯示不同城市的辦公室名單。這是一個自定義分類，我使用下面的代碼來顯示無序的術語列表。如果Count大於5，隱藏/顯示

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

而且它究竟是如何顯示它應該，但問題是，我想如果<li>超過5添加一個javascript切換。我不太瞭解JavaScript，因此我正在尋求幫助。這可能使用可用的標記嗎？

所以基本上如果<ul>的分類有4點或更少的條款，然後顯示正常

一個
b
Ç
d

但是，如果我們有5個方面表明，該

查看全部辦公室點擊這裏

任何幫助w不勝感激。

更新對於那些好奇，這裏是我如何使用幫助從答案 http://jsfiddle.net/KQBKu/

來源

2013-10-23 Juan Rangel

檢查更新的代碼你需要嗎？ –

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

來源

2013-10-23 03:37:26

非常感謝！通過一些調整，一切都很好。 –

@JuanRangel很高興幫助你'：）'+1給你！ –

用我用你的答案的方式更新了我的問題。再次感謝。 –

你應該試試這個代碼

Demo Fiddle

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

來源

2013-10-23 03:37:18

謝謝你的回覆@Tats_innit的答案更多的是我正在尋找的東西。儘管如此，我真的很感謝你的迴應。 –

如果Count大於5，隱藏/顯示

回答

相關問題