Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.07.2015, 22:00
Новичок на форуме
Отправить личное сообщение для Adverterio Посмотреть профиль Найти все сообщения от Adverterio
 
Регистрация: 21.07.2015
Сообщений: 3

Доработка кода JS
Доброго времени суток! Нашел скрипт на JS для сайта, которые позволяет раскрывать скрытый div по клику по ссылке. В общем работа скрипта устраивает, но хотелось бы более плавного вывода div блока, а не внезапного резкого появления. Знаниями JS ограничен, поэтому прошу подсказать решения и доработку кода. Буду рад любой помощи!
<script type="text/javascript">
function openbox(id){
    display = document.getElementById(id).style.display;

    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 21.07.2015, 22:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Adverterio,
открывашка
Ответить с цитированием
  #3 (permalink)  
Старый 21.07.2015, 22:43
Новичок на форуме
Отправить личное сообщение для Adverterio Посмотреть профиль Найти все сообщения от Adverterio
 
Регистрация: 21.07.2015
Сообщений: 3

+1 к карме , не подумал поискать по форуму. Тему можно закрыть.
Ответить с цитированием
  #4 (permalink)  
Старый 21.07.2015, 22:58
Аватар для EmperioAf
Профессор
Отправить личное сообщение для EmperioAf Посмотреть профиль Найти все сообщения от EmperioAf
 
Регистрация: 15.01.2015
Сообщений: 622

обычно делают с помощью функции JQuery slidetoggle
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Спойлеры</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style>
#spoiler {
    width: 400px;
    height: 400px;
}

a{
    display: block;
}

</style>
</head>
<body>
    <a id="spoiler-href"  href="#spoiler">Нажми меня</a>
    <img id="spoiler" src="http://ivrika.ru/wp-content/uploads/2012/10/radost-na-ivrit-simha.jpg" alt="">
<script type="text/javascript">
$(document).ready(function(){
 $('#spoiler-href').click(function(){
 $("#spoiler").slideToggle('slow');
 return false;
 });
});
</script>


</body>

</html>
Ответить с цитированием
  #5 (permalink)  
Старый 21.07.2015, 23:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

EmperioAf,
Ответить с цитированием
  #6 (permalink)  
Старый 22.07.2015, 04:48
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от Adverterio
но хотелось бы более плавного вывода div блока
Включите CSS transition на ширину или высоту и фантазию дизайнера.
Ответить с цитированием
  #7 (permalink)  
Старый 22.07.2015, 07:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от kostyanet
Включите CSS transition на ширину или высоту и фантазию дизайнера.
ссылка во 2 посте и для вас тоже капитан
Ответить с цитированием
  #8 (permalink)  
Старый 22.07.2015, 12:11
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Звездешь, там все на дисплей ноне.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Требуется небольшая доработка бота на js ifgeniy Работа 0 14.01.2015 06:10
Обновление js кода Gertasreg Элементы интерфейса 8 23.12.2014 21:02
Вставка HTML кода и JS кода через innerHTML zhurchik AJAX и COMET 1 31.10.2014 17:32
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Как с помощью JS "на-лету" менять часть HTML кода greendoc Общие вопросы Javascript 2 18.03.2008 20:43