Доброго всем времени суток! Я начинающий, поэтому прошу отнестись с пониманием, даже если проблема совсем пустяковая)
Задача: сделать открытие/скрытие блока с текстом при условии что таких блоков будет много.
Мысль такова: надо при нажвтии отыскивать див следующий сращу за ссылкой и показывать его. А если он показан уже, то при повторном нажатии на ссылку скрывать блок.
Вот что есть в исполнение:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script type='text/javascript' src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript"> $(document).ready(function(){ $(".button").click(function() {
$(this).next('.toggle').slideToggle() ; }); }); </script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="content"><div>Текст1</div>
<div><a class="" href="#">Подробнее</a></div>
<div class="toogle">Текс2</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
В css прописано: .toogle {display:none;}
Но к сожалению не работает. Подскажите пожалуйста, где ошибка что сделал не так? Заранее огромное спасибо!