Показать сообщение отдельно
  #5 (permalink)  
Старый 30.03.2013, 07:18
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Так все блоки раскрыты, как это вообще может работать?
<!DOCTYPE html>
<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>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
$('.open span').on('click', function(e){
       $(this).parent().children('.wind').fadeIn('fast').css({top: e.pageY-25, left: e.pageX-20});
    });
</script>
Ответить с цитированием