Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вывод блока "сортировать по" (https://javascript.ru/forum/jquery/37639-vyvod-bloka-sortirovat-po.html)

Valentinka_1 28.04.2013 15:36

Вывод блока "сортировать по"
 
Доброго времени суток уважаемые форумчане.
Возник такой вопрос. Нужно сверстать на сайте вот такую вот вещь:



Я новичок в jQuery и не очень понимаю как такое делать. Сделал просто, что бы при нажатии на "от дорогих к дешевым" появлялся блок с перечнем сортировки. Но как сделать, что бы он пропадал при клике так сказать "за блоком". И что бы в зависимости от выбора сортировки текст "от дорогих к дешевым" менялся на текст выбранной сортировки.

elnoro 28.04.2013 19:13

http://web.made12.ru/recipes/item/18...t-using-jquery

Правда, там все прячется по mouseleave, а не по click.
Если требуется убирать меню именно по клику, то можно воспользоваться свойством события relatedTarget (http://javascript.ru/tutorial/events/properties) - установить обработчик события click на body и там проверять, кликнули ли по списку, если нет, то скрывать. Как-то так:
$('body').click (function (event) {
    if (event.relatedTarget.className !== 'класс твоего объекта')
 /* прячешь список */
})

Valentinka_1 29.04.2013 13:42

Спасибо:)


Часовой пояс GMT +3, время: 20:51.