Hi,
also die Empfehlung war schon recht gut, allerdings will das Script bei mir noch nicht so, wie ich es will:
Diesen Teil des Scripts habe ich in eine "navi.js" ausgelagert und über
"<script type="text/javascript" src="
https://domain.com/js/navi.js"></script> in meinen Header eingebunden - wobei ich das fett markierte weg gelassen habe:
<script src="/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$ (function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
</script>
Mein CSS dazu sieht so aus, weches bereits schon angepssst wurde:
div#content {
background:#fff;
height: 100%;
min-height: 650px;
padding:35px 25px ;
border-right: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
border-bottom-style: none;
border-bottom-width: 0;
}
div#content UL.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}
div#content UL.tabNavigation LI {
display: inline;
}
div#content UL.tabNavigation LI A {
padding: 3px 5px;
background-color: #e5e5e5;
color: #405c89;
text-decoration: none;
}
div#content UL.tabNavigation LI A.selected,
div#content UL.tabNavigation LI A:hover {
background-color: #405c89;
color: #fafafa;
padding-top: 5px;
}
div#content UL.tabNavigation LI A:focus {
outline: 0;
}
div#content div.tabs > div {
margin-top: 3px;
margin-bottom: 10px;
padding-top: 3px;
border-top: 1px solid #e5e5e5;
}
div#content #first {}
div#content #second {}
div#content .waste {
min-height: 100%;
}
Aber es funktioniert nicht ???
Ich bekomme nicht wie in diesem Beispiel:
https://jqueryfordesigners.com/demo/tabs.html umschaltbar, sondern First & Second einfach untereinander angezeigt - kann also nicht von einem zum anderen quasi umschalten ?
Jemand eine Idee warum nicht ?
Danke & Gruß Dirk
