Javascript-форум - Не работает спойлер

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Не работает спойлер (https://javascript.ru/forum/misc/44136-ne-rabotaet-spojjler.html)

Не работает спойлер

Здравствуйте, почему не работает спойлер?

http://jsfiddle.net/W5Lsd/2/

по тому что не подключена библиотека jquery

Vladislav,
потому что вы ничего не выбрали в

Цитата:

Frameworks & Extensions

Цитата:

Сообщение от рони (Сообщение 291002)

Vladislav,
потому что вы ничего не выбрали в

ошибку исправил, тут заработало.
Но на сайте у меня не работает, может быть ошибка в том, что єти блоки айксом добавляются?

Цитата:

Сообщение от Vladislav

блоки айксом добавляются

ставьте клик на родителя который есть постоянно
http://api.jquery.com/on/

Цитата:

Сообщение от рони (Сообщение 291034)

ставьте клик на родителя который есть постоянно
http://api.jquery.com/on/

переписал скрипт вот так:

<script type="text/javascript">
$( ".new_p_bl" ).on('click', '.vp', function () {
    $(this).next().toggle();
});
</script>

и так:

<script type="text/javascript">
$( ".main" ).on('click', '.vp', function () {
    $(this).next().toggle();
});
</script>

Не работает... Может ссылку вам дать?
Вот:
http://sequin.ru/site/news.php

Там подождите сек 5-15 вверху должен блок добавиться автоматически, будет надпись: "новости".

Вот при клике на нее, должен открываться блок....

структура html:

с начала:

<div class='main'>
 <div class='p_bl'></div>
 <div class='p_bl'></div>
 <div class='p_bl'></div>
 <div class='p_bl'></div>
</div>

Потом аяксом внутрь class='main' перед class='p_bl' добавляются блоки, которые должны открываться.

Vladislav, сделайте так

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $( ".main" ).on('click', '.vp', function () {
    $(this).next().toggle();
});
        window.setTimeout(foo, 5000);
        function foo() {
            $.ajax({
                url: 'new_news.php',
                dataType: 'html',
                success: function (data) {
                    $('.main').prepend(data);
                    window.setTimeout(foo, 5000)
                }
            });
        }
    })
    </script>

свои скрипты уберите

Цитата:

Сообщение от рони (Сообщение 291039)

Vladislav, сделайте так

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $( ".main" ).on('click', '.vp', function () {
    $(this).next().toggle();
});
        window.setTimeout(foo, 5000);
        function foo() {
            $.ajax({
                url: 'new_news.php',
                dataType: 'html',
                success: function (data) {
                    $('.main').prepend(data);
                    window.setTimeout(foo, 5000)
                }
            });
        }
    })
    </script>

свои скрипты уберите

ОООО работает, вы мастер!!!))) А что не так было?)

Цитата:

Сообщение от Vladislav

А что не так было?)

всё должно стоять на своём месте а не как попало <html> то до сих пор потеряно и ".new_p_bl" тоже добавляется поэтому надёжнее $( ".main" ) или даже $( "body" ).

Цитата:

Сообщение от рони (Сообщение 291042)

да ё-к-л-м-н... все норм было, поправлял стили, чтобы все это красиво выглядело... теперь код опять не работает( Подзгрузки нет вообще.... Хотя скрипты не менял, только таблицы стилей..

все работает, куки надо было почистить)) еще раз большое спасибо!