--> siehe Ghana Bridge
Logik der Ebenen, die sichtbar und wieder unsichtbar gemacht werden sollen:
#item_content_id
.item_content$vis
Links, die die Ebenen ansteuern:
li.link_item$vislink ref
a.toggle_content ref="item_content_id"
Variable für Sichtbarkeit definieren:
if($input->get->id && $c->id != $input->get->id){
$vis = " uk-hidden";
}else if(!$input->get->id && $c->id != $page->children->first->id){
$vis = " uk-hidden";
}else{
$vis = "";
}
?>
Script mit Funktionen:
$(function(){
// Ein- und Ausblenden Content der Unterseiten
$("#content .toggle_content").click(function(){
$("#content .toggle_content").removeClass("active");
$(this).addClass("active");
var selected_sector = $(this).attr("ref");
// Alle Content-Ebenen verstecken
$(".item_content").fadeOut(600).addClass("uk-hidden");
// Nur aktive Content-Ebene anzeigen
$("#" + selected_sector).removeClass("uk-hidden").hide().fadeIn(600);
return false;
});
});
