am Quellcode ist eigentlich nichts besonderes dran, ich habe das hier einfach in das template fe_page eingefügt:
HTML-Code:
<script src="tl_files/js/jquery.tabify.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function () {
$('#menu').tabify();
});
</script>
<div id="einsparungMenu">
<ul id="menu" class="menu">
<li class="active"><a href="#tab1" ><img src="tl_files/img/1.png" alt=""/></a></li>
<li ><a href="#tab2" ><img src="tl_files/img/2.png" alt=""/></a></li>
<li><a href="#tab3"><img src="tl_files/img/3.png" alt=""/></a></li>
</ul>
</div>
<div id="einsparungContent">
<div id="tab1">
<div class="contentSP">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, </p>
</div>
</div>
<div id="tab2">
<div class="contentSP">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, </p>
</div>
</div>
<div id="tab3">
<div class="contentSP">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, </p>
</div>
</div>
</div>
dies funktioniert ja soweit auch, aber wie gesagt nur auf der Startseite, wenn ich es auf einer anderen Seite verwende , komme ich nach dem klick auf die Tabs immer auf die Startseite
Lesezeichen