Hallo ich habe dieses Script
Nun zu meinen Problem, alle Blöcke sollen sich zeitverzögert öffnen. Hat einer eine gute Idee?
greetz
Code:
$(document).ready(function(){
$("#auswahl").load(function () {
$("div[id^='block']:visible").slideUp('slow',function(){$("#block0").slideDown("slow")})});
$("#go1").click(function () {
$("div[id^='block']:visible").slideUp('slow',function(){$("#block1").slideDown("slow")})});
$("#go2").click(function () {
$("div[id^='block']:visible").slideUp('slow',function(){$("#block2").slideDown("slow")})});
$("#go3").click(function () {
$("div[id^='block']:visible").slideUp('slow',function(){$("#block3").slideDown("slow")})});
$("#go4").click(function () {
$("div[id^='block']:visible").slideUp('slow',function(){$("#block4").slideDown("slow")})});
});
Code:
<input type="submit" id="go1" value=""></input>
<input type="submit" id="go2" value=""></input>
<input type="submit" id="go3" value=""></input>
<input type="submit" id="go4" value=""></input>
<div id="block0">
<div id="auswahl">
</div>
</div>
<div id="block1" style="display: none">
<div id="2dgal">
<ul>
<div class="rubrik">2d</div>
<li></li>
<li></li>
</ul>
</div>
</div>
<div id="block2" style="display: none">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div id="block3" style="display: none">
<ul>
<div class="rubrik">Logos</div>
<li></li>
<li></li>
</ul>
</div>
<div id="block4" style="display: none">
<ul>
<div class="rubrik">Homepage Design</div>
<li></li>
<li></li>
</ul>
</div>greetz
