Помощ с Show Hide JavaScript

[LiskO]

Може ли да ми дадете JavaScript, който като цъкнеш на някаква таблица или Тд, да ти скрива и показва примерно друга таблица.
Ето някакъв такъв е Ефекта:

http://store.picbg.net/pubpic/99/64/c042c2b3516d9964.PNG

http://store.picbg.net/pubpic/53/50/3bff03538dc65350.png


И ако може примерно постепенно да се скрива и показва с движение ще ми помогнете на 100% (не веднага демек), но това май е малко прищявка.

 

[shterev]

http://wiki.github.com/madrobby/scriptaculous/effect-toggle

 

[F1r3Fl3x]

Това е начина, ти вече ще си добавиш линковете и css-а.

<script>
function toggleMenu(idto){
var div4e = document.getElementById(idto);
if(div4e.style.display == 'none'){
div4e.style.display = 'block';
}else{
div4e.style.display = 'none';
}
}
</script>

<div class='menu'><a href='toggleMenu("idNaDiv");'>Info</a></div>
<div id='idNaDiv' style='display:none;'>Инфото</div>

:?:

 

[nogravity]

Нещо такова - http://dynamicdrive.com/dynamicindex1/switchmenu.htm

 

[LiskO]

http://wiki.github.com/madrobby/scriptaculous/effect-toggle

Перфектно ама няма ли някаква функция ? или направо така ?

 

[shterev]

http://wiki.github.com/madrobby/scriptaculous/effect-toggle

Перфектно ама няма ли някаква функция ? или направо така ?

Трябват ти два файла

<script src="/javascripts/prototype.js" type="text/javascript"></script>
 <script src="/javascripts/scriptaculous.js" type="text/javascript"></script>

потърси ги в сайта къде можеш да ги свалиш.

после в примерите е показано

<a href="#" onclick="Effect.toggle('toggle_appear', 'appear'); return false;">Toggle the following paragraph with an 'appear'-effect</a>
<div id="toggle_appear" style="background:#ccc;">
  <div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
</div>