Не работает JS (jQuery)

[Евгений_SB]

Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google  что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает

 

вот код  на   http://cssdeck.com

вот скрины на всякий случай

 

 

[Galaxy]

'ul'

'span'

[Евгений_SB]

'ul'

'span'

 

Спасибо Братуха))) значит все таки  урок кривой

[Zverushka]

Надо в настройках этого деска включить Jquery, поправить html теги - span не открыт, поставить кавычки выерно для ("ul") и тому подобное

[Евгений_SB]

Еще вопрос ребят можно ли писать код в таком виде

$(document).ready(function(){		$('ul').hide();		$('span').click (function(){		$(this).parent().next().slideToggle();		});		        $('ul').hide();        $('span').click (function(){	    $(this).parent().next().slideToggle();        });		});

и почему после нажатия на кнопку списки скрываются автоматом и не остаются открытыми,

и как быть например если на странице будет несколько списков,как выбирать в js? по классу?

у меня 2 дива со списками и он применяет выпадание ко обоим так как в JS стоит "ul"

[Zverushka]

@Евгений_SB, можно по классам каждому свой уникальный класс добавить и делать выборку не по $("ul"), а по $(".myclass1"), $(".myclass2").

А если ты хочешь чтобы эти 2 класа абсолютно одинакого раскрывалишь по нажатию, то оставь все как есть, только убери дубль кода. Получается сейчас на одно событие повешнао два обработчика - свернуть меню, вот и получается, что у тебя сворачивается и разворачивается сразу за один клик, а по факту ничего не происходит. 

[Евгений_SB]

@Евгений_SB, можно по классам каждому свой уникальный класс добавить и делать выборку не по $("ul"), а по $(".myclass1"), $(".myclass2").

А если ты хочешь чтобы эти 2 класа абсолютно одинакого раскрывалишь по нажатию, то оставь все как есть, только убери дубль кода. Получается сейчас на одно событие повешнао два обработчика - свернуть меню, вот и получается, что у тебя сворачивается и разворачивается сразу за один клик, а по факту ничего не происходит. 

 

да все верно у меня есть 3 списка + меню, для каждого списка задан свой класс, если оставить все как есть он применяет ко всем элементам ul и к меню в том числе, как правильно написать класы в скрипте 

типа $('.CotTopLine','.NewsLetterTop') так не работает google толком ничего не выдал как в 1 скрип запихнуть несколько нужных класов, потому что выборка по ul немного неправильная, на страннице будет много списков  с разными стилями и выпадением (меню в том числе ),

 

подскажите как можно в 1 скрип написать 2 и больше класов,

и если мне понадобиться написать еще 1 скрипт например такой же ,как быть,или у jQuery такое правило всего 1 скрипт на всю страницу

[Zverushka]

$('.CotTopLine, .NewsLetterTop') вот так надо писать - через запятую внутри кавычек. Лучше прочитать книжку по основам, иначе потом замучаешься клипать скрипты, больше будешь думать, как сделать какую-то фишку, когда она одной строчкой реализуется уже встроенной функцией). Или будешь как я $("ul").parent().parent().parent().parent().parent() выборку делать )), хорошо, что меня на этом сайте вовремя за руку поймали))), правда я писала такое после внимательного прочтения книги orelly (неплохая, но этот момент был упущен).