jQuery加/減或在列表上展開/摺疊

Question

任何人都想要模仿BBC在其主頁盒裝內容上所做的事情，並在PLUS/MINUS圖標中顯示/隱藏列表中的元素。 http://www.bbc.co.uk/

我試過這樣做，但到目前爲止效果並不完全正確。

或者，有沒有一個插件或什麼可以讓你做類似的事情？

Answer 1

。

謝謝f或你的回覆。我確實嘗試過，但對於我所做的事似乎有點矯枉過正。另外，我想在網站的不同部分執行幾次代碼。

最後我發現了一個名爲Collapsorz的插件，https://github.com/akuzemchak/collapsorz這正是我想要的。

無論如何感謝您的幫助。非常感激。

Answer 2

這僅僅是一個隱藏和刪除元素的事：

<a href="javascript:void(0)" click="$('#somelist li:visible:last').hide()">+</a> 
<a href="javascript:void(0)" click="$('#somelist li:hidden:first').show()">-</a> 

當然，你要配合，在東西加載頁面時拿出正確的CSS每個項目。 （所以你會跟蹤你要顯示的項目數的

你甚至可以嘗試這一點在本頁面：

$('.nav li:visible:last').hide() 

如果您使用螢火蟲，只要運行這個，你會看到導航欄更改：‘按鈕’上方會消失，一個接一個每次運行時間

你也許可以處理這部分，但在這裏它是無論如何

<style> 
    .hideme { 
    display:none; 
    } 
</style> 
<?php 
$num_of_items = 5; 
$items = array('one', 'two', 'three', 'four', 'five', 'six', 'seven'); 
echo "<ul id='somelist'>"; 
for($i=0;$i<sizeof($items);$i++) { 
    echo "<li".(($i<$num_of_items)?"":" class='hideme'").">".$items[$i]."</li>"; 
} 
echo "</ul>"; 
?>