Показать сообщение отдельно
  #7 (permalink)  
Старый 29.11.2010, 09:25
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Djohan какой же вы не самостоятельный:

<script type="text/javascript">
window.onload = function(){
     var a = document.getElementsByTagName('a'), i = a.length;
     while(i--){
          a[i].onclick = function(i){
             var dt = document.getElementsByTagName('dt');
              return function(){
                 dt[i].style.display = (dt[i].style.display == '') ? 'block' : '';
              };
          }(i);
     }
 };
</script>

<style type="text/css">
dl, dt, dd {margin: 0px;  padding: 0px;}
dl {border: 1px solid #DDD; float: left; margin-right: 10px; padding: 0px; width: 50px;}
dd, dt {text-align: center;}
dt {background: red; display: none; width: 50px; height: 50px;}
</style>

<dl>
    <dd><a href="#">click</a></dd>
    <dt>1</dt>
</dl>
<dl>
     <dd><a href="#">click</a></dd>
     <dt>2</dt>
</dl>

Последний раз редактировалось monolithed, 29.11.2010 в 09:30.
Ответить с цитированием