slider проблем

slideR

Registered
Имам проблем със следния javascript
function slide() {
var slider = document.getElementById("video_panel").style.display;
var slider2 = document.getElementById("video_panel2").style.display;
if(slider=="block") {
document.getElementById("video_panel2").style.display='none';
document.getElementById("video_panel").style.display='block';
} else if(slider=="none") {
document.getElementById("video_panel").style.display='none';
document.getElementById("video_panel2").style.display='block';
}
}
И този html код
<div id="video_panel" style="display: block;">
<table width="700">
<tr>
<td width="175">
<a href="play.php?key=6"><img src="http://i47.vbox7.com/p/fd5b5ad23.jpg"><br>Table Tennis Master Class Points </a>

</td> <td width="175">
<a href="play.php?key=5"><img src="http://i47.vbox7.com/p/ed8f1e573.jpg"><br>Europe Top 12 - Timo Boll - Vladimir Samsonov </a>
</td> <td width="175">
<a href="play.php?key=4"><img src="http://i47.vbox7.com/p/88981a413.jpg"><br>Table tennis champions </a>
</td>
</tr>
</table>

</div>

<div id="video_panel2" style="display: none;">
<table width="700">
<tr>
<td width="175">
<a href="play.php?key=3"><img src="http://i47.vbox7.com/p/72abcc4a3.jpg"><br>Цветелина Янева - Момичето за всичко </a>
</td>
</tr>

</table>
</div>
<a href="javascript: slide();">next</a>
Та въпроса ми е защо не работи
 
Аз си го писах, но идеята не е моя. А никакви библиотеки не трябват това е чист javascript
 
Така работи
function slide() {
var slider = document.getElementById("video_panel").style.display;
var slider2 = document.getElementById("video_panel2").style.display;
if(slider=="block") {
document.getElementById("video_panel2").style.display='block';
document.getElementById("video_panel").style.display='none';
} else if(slider=="none") {
document.getElementById("video_panel").style.display='block';
document.getElementById("video_panel2").style.display='none';
}
}
 

Back
Горе