Всем привет, жедаю что то вроде раскрывающегося списка, дабы понять всю подноготную событий в jquery. Вообщес так: есть код html
<body>
<div id="wrapper">
<div class="lvl0 wind">
<div class="head">название 1 <a title="свернуть" class="toggle">-</a></div>
<div class="cont">
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<div class="open">
<span class="spn">Ответ1</span>
<!--НАЧАЛО ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 1-->
<div class="lvl1 wind child">
<div class="head">ответ 1 <a title="свернуть" class="toggle">-</a><a title="свернуть" class="krep"></a></div>
<div class="cont">
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<a class="open">
<span class="spn">Ответ1.2</span>
<!--НАЧАЛО ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 2-->
<div class="lvl2 wind child">
<div class="head">ответ 1 <a title="свернуть" class="toggle">-</a><a title="свернуть" class="krep"></a></div>
<div class="cont">
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<a class="open">
<span class="spn">Ответ1.2</span>
<!--НАЧАЛО ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 3-->
<!-- КОНЕЦ ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 3-->
</a><br/>
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<a class="open">
<span class="spn">Ответ1.2</span>
</a>
</div>
</div>
<!-- КОНЕЦ ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 2-->
</a><br/>
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<a class="open">
<span class="spn">Ответ1.2</span>
</a>
</div>
</div>
<!-- КОНЕЦ ВТОРОЙ ДОЧЕРНИЙ БЛОК, БЛОК УРОВНЯ 1-->
</div><br/>
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
Какой то вопрос, Какой то вопрос, Какой то вопрос, Какой то вопрос,
<a class="open">
<span class="spn">Ответ2</span>
</a>
</div>
</div>
</div>
</body>
</html>
и обработчик к нему конечно же
$('.open span').on('click', function(e){
var position = mousePageXY(e);
$(this).parent().children('.wind').fadeIn('fast').css({top: position.y-25, left: position.x-20});
});
Не обращайте внимания на var position = mousePageXY(e); и .css({top: position.y-25, left: position.x-20}). На первой ссылке работает, на второй нет(((( Что делать????