Hallo zusammen,
habe eine Seite erstellt bei der per onclick Elemente eingeblendet werden die sonst mit display = "none"
ausgeblendet sind. dies funktioniert mit Text oder Bildern super, wenn ich aber einen Shortcode verwende wird er dauerhaft angezeigt und lässt sich nicht ausgeblendet.
Ist dies einfach nicht möglich oder gibt es einen Trick dafür?
Danke und Grüße
Michel
Code
<head>
<script language="JavaScript" type="text/javascript">
<!--
function alleAusblenden(){
var elemente = document.getElementById
("ebenen").getElementsByTagName("p");
for (var i = 0; i < elemente.length; i++) {
elemente[i].style.display = "none";
}
}
function einblenden(div){
alleAusblenden()
document.getElementById(div).style.display =
"inline";
}
//-->
</script>
</head>
<body>
<ul style="text-align: center;">
<div id="ebenen">
<li style="display: inline;"><a href="#" onclick="einblenden('ebene2'); return false;"><button>Link 1</button></a></li>
<li style="display: inline;"><a href="#" onclick="einblenden('ebene3'); return false;"><button>Link 2</button></a></li>
<li style="display: inline;"><a href="#" onclick="einblenden('ebene4'); return false;"><button>Link 3</button></a></li>
<br/>
<table style="width: 100%">
<tr style="text-align: center;">
<td>
<p id="ebene2" >
<span style="color: #003975; font-size: 20px;">Natürlich gut</span>
</p>
<p id="ebene3" style="display:none;">
<img class="alignnone wp-image-362 size-full" src="http://seite.de/wp-content/img//bild_1.jpg" alt="Nahrung" width=" 100%" />
</p>
<p id="ebene4" style="display:none;">
[product_category category="Unterkategorie1"] <!--wird nicht ausgeblendet-->
</p>
</td>
</tr>
</table>
</div>
</ul>
</body>