Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.11.2014, 18:49
Новичок на форуме
Отправить личное сообщение для snekl Посмотреть профиль Найти все сообщения от snekl
 
Регистрация: 28.11.2014
Сообщений: 4

помогите исправить
помогите плиз , есть блоки , они хорошо открываются и закрываюся , но хочу , что бы при открытии второго блока первый закрывался автоматически если не ошибаюсь надо добавить чтото в скрипте и онклик в блоках , но не знаю что
<html>
<head>
<style type="text/css">
.spoiler_links {
 width: 623px;
 border: 1px solid #cccccc;
 padding: 8px;
 margin-top: 3px;
 cursor: pointer;
 text-align: center;
 cursor:pointer;
display:block;}
.spoiler_body {
 width: 609px;
 border: 1px solid #cccccc;
 border-top: none;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
 font-size: 14px;
display:none;}
}
</style>
<script type="text/javascript">

$(document).ready(function(){
$('.spoiler_links').click(function(){
$(this).parent().children('div.spoiler_body').toggle('normal');
return false;
});
});
</script> 
</head>
<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>

<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>
</div>

</div>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2014, 21:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

snekl,
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8">
<style type="text/css">
.spoiler_links {
 width: 623px;
 border: 1px solid #cccccc;
 padding: 8px;
 margin-top: 3px;
 cursor: pointer;
 text-align: center;
 cursor:pointer;
display:block;}
.spoiler_body {
 width: 609px;
 border: 1px solid #cccccc;
 border-top: none;
 padding: 15px;
 text-align: left;
 background: #eeeeee;
 font-size: 14px;
display:none;}

</style>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$('.spoiler_links').click(function(){
$('.spoiler_links').not(this).next().hide();
$(this).next().toggle('normal');
return false;
});
});
</script>
</head>
<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>

<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>
</div>

</div>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 29.11.2014, 22:13
Новичок на форуме
Отправить личное сообщение для snekl Посмотреть профиль Найти все сообщения от snekl
 
Регистрация: 28.11.2014
Сообщений: 4

рони, если не сложно , можно закрытие сделать таким же плавным как и открытие но спасибо и за это

Последний раз редактировалось snekl, 29.11.2014 в 22:24.
Ответить с цитированием
  #4 (permalink)  
Старый 29.11.2014, 23:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от snekl
можно закрытие сделать таким же плавным
hide(сюды надо что-то добавить);
Ответить с цитированием
  #5 (permalink)  
Старый 29.11.2014, 23:27
Новичок на форуме
Отправить личное сообщение для snekl Посмотреть профиль Найти все сообщения от snekl
 
Регистрация: 28.11.2014
Сообщений: 4

рони, да , спасибо большое , просто написал hide("normal")
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите исправить функцию добавления Yuras Общие вопросы Javascript 5 29.11.2013 15:45
Помогите исправить код Apelcun77 Общие вопросы Javascript 6 15.11.2013 23:06
Помогите исправить код bytzz Элементы интерфейса 1 02.11.2012 23:45
Помогите исправить скрипт fAmOus Элементы интерфейса 4 31.08.2012 01:02
Помогите исправить ошибки в лабораторных работах по информатике muzhik65 Общие вопросы Javascript 18 06.05.2011 13:39