jQuery Accordion - multilevel?

Poltargaista

Poltargaista

Active Member
Привет.

Ползвам jQuery UI и функцията Accordion.
Не успях да намеря начин да се прави мулти-левъл акордеон (т.е. разгъвка в разгъвка). Има ли някакъв вариант да стане и как точно?

EDIT: Помислих си, че това ще е отговора: http://anasnakawa.wordpress.com/2011/01/25/jquery-ui-multi-open-accordion/ , но в Демото не се вижда да е мулти-левъл акордеон, а пак обикновен. :(

[SUP]
+Ангел Порязов - Профил в Google+​
[/SUP]
 
Последно редактирано:
От: jQuery Accordion - multilevel?

Докато пиша тук и един приятел се отзова с помощ. jQuery Nested (Multi-Level) Accordion - дано е от полза и за други:

HTML: 
<head>
	<script type="text/javascript" src="jquery-1.4.3.min.js"></script>	
	<script type="text/javascript" src="jquery-ui-1.8.13.custom.min.js"></script>
	<script type="text/javascript" src="jquery.multi-accordion-1.5.3.js"></script>
</head>

HTML: 
<body>
	<div class="multiAccordion">
		<h3><a href="#">tab 1</a></h3>
		<div>
		Това е първи таб, първо ниво! С вместени под-секции от второ и трето ниво. 
			<div class="multiAccordion">
				<h3><a href="#">tab 1-1</a></h3>
				<div>
					Първи таб от второ ниво.
				</div>
				<h3><a href="#">tab 1-2</a></h3>
				<div>
					Втори таб от второ ниво.
				</div>
				<h3><a href="#">tab 1-3</a></h3>
				<div>
				    Трети таб от второ ниво. С вместени под-секции от трето ниво.
					<div class="multiAccordion">
						<h3><a href="#">tab 1-3-1</a></h3>
						<div>
							Първи таб от трето ниво.
						</div>
						<h3><a href="#">tab 1-3-2</a></h3>
						<div>
							Втори таб от трето ниво.
						</div>
						<h3><a href="#">tab 1-3-3</a></h3>
						<div>
							Трети таб от трето ниво.
						</div>
					</div>
				</div>
			</div>
		</div>
		<h3><a href="#">tab 2</a></h3>
		<div>
			Втори таб от първо ниво. Без вместени под-секции.
		</div>
	</div>
HTML: 
	<script type="text/javascript">
		$(function(){
			$('.multiAccordion').multiAccordion();
		});
	</script>
</body>

Направо прикачвам демото в завършен вариант: Виж файлът jQuery Nested Accordion.zip
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе