Accordion Navi

[tty35]

Habe mal wieder Navigationsprobleme, nun soll es ein Accordion Menü werden.
Sitze schon wieder Stunden davor - und es will nicht.
Kann es sein, das die hier http://wiki.redaxo.de/index.php?n=R4.Jquery Accorion Navi nicht funktioniert ? oder ist das nur bei mir der Fall.

Ein für jeden Tip dankbarer tty

[Oliver.Kreischer]

Hallo,

sinnvoll ist immer ein Link zu der betreffenden Baustelle.
So könnte Dir besser geholfen werden.

LG
Oliver

[tty35]

Habs hingefriggelt
Navi Template:

Code: Alles auswählen

<?php

$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");

	echo '<ul id="accordion">';
		foreach (OOCategory::getRootCategories(true) as $lev1)
	{
		echo '<li><div>'.$lev1->getName().'</div>';
		
		if(count($lev1->getChildren())>0)
			{
			echo '<ul>';
			
				foreach ($lev1->getChildren() as $lev2)
				{
				
				echo '<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>';
							
				 }		 		
				
			echo '</ul>';	
		echo '</li>';					
				
			}
		else echo '</li>';
			
	}

	echo '</ul>';

?>

<script language="javascript" type="text/javascript">
$("#accordion > li > div").click(function(){ 

	if(false == $(this).next().is(':visible')) { 
		$('#accordion ul').slideUp(300); 
	}
	$(this).next().slideToggle(300); 
});

$('#accordion ul:eq(0)').show();

</script>

CSS:

Code: Alles auswählen

#accordion {
	list-style: none;
	padding: 0 0 0 0;
	width: 170px;
}
#accordion li{
	display: block;
	background-color: #FF9927;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}

Das Original stammt von http://viralpatel.net/blogs/2009/09/cre ... query.html

Viele Grüße tty