• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Переход overflow:hidden / none
Переход overflow:hidden / none
cech
Дата: Понедельник, 13.06.2011, 17:48 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 3081
Сообщений: 23
Всем привет.
Возник такой вопрос, допустим у меня есть блок с заданной высотой, шириной и overflow:hidden, в нем отображается информация которая по высоте больше чем 100px, но видим мы именно только определенное количество px. По нажатию на кнопку, происходит смена hidden на none и блок плавно открывается, при еще одном клике блок закрывается обратно...
Заранее спасибо!
Code
<div class="blo">тра-ля-ля</div>
<a href="#">Показать / скрыть блок</a>
<style>
.blo {width:100px;height:100px;overflow:hidden;}
</style>
  
MegaFill
Дата: Вторник, 14.06.2011, 01:28 | Сообщение # 2
шептун
Группа: Проверенные
Пользователь №: 3260
Сообщений: 79
Получено оценок: 8 		height:auto при клике
Мой моушенhttp://vimeo.com/megafill
Креатив http://dailycreative.ru/
Веб разработка и тп http://devshack.ru/
  
cech
Дата: Вторник, 14.06.2011, 22:01 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 3081
Сообщений: 23
MegaFill, подробнее можно ли узнать, ваше, а для меня абстрактное представление не приносит идей в воплощении.
  
GlebLozhkovoy
Дата: Понедельник, 20.06.2011, 12:25 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Написал «на коленке». Должно работать:
Code

   <script>
    function do() {
     if ( $(".blo").attr("overflow") === "hidden" ) {
      $(".blo").removeClass("hidden").addClass("showed");
     } else {
      $(".blo").removeClass("showed").addClass("hidden");
     }
     $(".blo").toogle();
    }
   </script>
   <div class="blo hidden">тра-ля-ля</div>
   <a href="javascript://" onclick="do();">Показать / скрыть блок</a>
   <style>
   .blo {width:100px;height:100px;}
   .blo.hidden {overflow:hidden;}
   .blo.showed {overflow:visible;z-index: 999;}
   </style>
  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Переход overflow:hidden / none
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.