2009-04-09 5 views
2

Кто-то хочет иметь трещину при подражании тому, что BBC сделала на своей домашней странице в коробке с иконками PLUS/MINUS, отображающими/скрывающими элементы в списке. http://www.bbc.co.uk/jQuery plus/минус или развернуть/свернуть в списке

Я попытался сделать это, но пока эффект не совсем прав.

Или есть плагин или что-то, что позволит вам сделать подобное?

+0

Чтобы уточнить, аналогично тому, что было сделано здесь (http://www.bennadel.com/index.cfm?dax=blog:1474.view), только для того, чтобы отключить кнопку, когда больше элементов не может быть скрыто, и также удалять элементы по очереди. – davebowker

ответ

2
..

Спасибо f или ваш ответ. Я попробовал это, но это казалось немного переполненным тем, что я делал. Плюс я хотел несколько раз выполнить код на разных разделах сайта.

В конце концов я нашел плагин под названием Collapsorz, https://github.com/akuzemchak/collapsorz, который делает именно то, что я хотел.

Спасибо за вашу помощь в любом случае. Очень признателен.

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>"; 
?> 

 Смежные вопросы

  • Нет связанных вопросов^_^