[РЕШЕНО] Как временно скрыть опции

[valdemariuses]

Приветствую.

Возможно кто сталкивался, как можно реализовать временное скрытие опций и открытие их по клику на ссылку.

Смысл такой. У товара есть к примеру 5 опций. В каждой из них от 1 до 8 вариантов. Надо отображать только первые 3, а остальные временно скрывать и выводить надпись "Посмотреть остальные" при клике на которую будут раскрываться остальные.

Возможно есть готовые решения.

[SlideShow]

Если не заморачиваться, то версткой display: none; или opacity: 0;

[Tom]

https://opencartforum.com/files/file/1827-%D1%81%D0%BA%D1%80%D1%8B%D1%82%D0%B8%D0%B5-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%BF%D0%BE%D0%B4-hide-%D0%B0%D0%BD%D0%B0%D0%BB%D0%BE%D0%B3-spoiler/

[valdemariuses]

Если не заморачиваться, то версткой display: none; или opacity: 0;

В том то и дело, что необходимо их не полностью скрыть, а до нажатия на кнопку ПОКАЗАТЬ

[HyperLabTeam]

В том то и дело, что необходимо их не полностью скрыть, а до нажатия на кнопку ПОКАЗАТЬ

https://opencartforum.com/files/file/1827-скрытие-текста-под-hide-аналог-spoiler/

[afwollis]

ну так "display:none;", а по кнопке "показать" ставишь им, грубо говоря, "display:block;"

[Tom]

В каждой из них от 1 до 8 вариантов. Надо отображать только первые 3, а остальные временно скрывать и выводить надпись "Посмотреть остальные" 

 

[valdemariuses]

Реализовал так

<script type="text/javascript">
window.onload= function() {
	document.getElementById('toggler').onclick = function() {
		openbox('input-option1,input-option2,input-option3,input-option4,input-option5,input-option6,input-option7,input-option8,input-option9,input-option10', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.height == '100%') {
		div.style.height = '280px';
		toggler.innerHTML = 'ПОКАЗАТЬ ВСЕ';
	}
	else {
		div.style.height = '100%';
		toggler.innerHTML = 'СКРЫТЬ';
	}
}
</script>

Правда теперь возникла друга проблемма. Если в опции меньше 3 вариантов, остается пустое место. Как убрать - ума не приложу.

[chukcha]

Надо пробежаться по всем блокам опций, вычислять  их суммарную высоту, определиться с максимально возможной, ивсе остальные скрывать.

[valdemariuses]

Решил, можно закрывать. Правда коряво, пришлось для подсчета продублировать цикл вывода опций, но другого решения придумать не смог.

Змінено 18 серпня 2016 користувачем valdemariuses