помогите исправить
помогите плиз , есть блоки , они хорошо открываются и закрываюся , но хочу , что бы при открытии второго блока первый закрывался автоматически если не ошибаюсь надо добавить чтото в скрипте и онклик в блоках , но не знаю что
<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> |
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> |
рони, если не сложно , можно закрытие сделать таким же плавным как и открытие но спасибо и за это
|
Цитата:
|
рони, да , спасибо большое , просто написал hide("normal")
|
Часовой пояс GMT +3, время: 17:54. |