2013-02-12 3 views
0

У меня есть структура как аккордеон. У меня есть «рабочие» div, которые я скрывал внутри, и я хочу, чтобы они работали как галерея.Как ограничить область «щелчок»?

Так что, когда я нажимаю на div 'work', div анимации и его высота расширяется, и появляется галерея.

Но везде, где я нажимаю, просто закрывается снова «работа». Так что я хочу сделать, я ограничу эту область щелчка и не позволяю закрывать «работу», чтобы пользователи могли перемещаться по изображениям.

Надеюсь, я поняла.

Вот URL-адрес изображения, как вы видите, работа с изображениями внизу - это открытая работа, но когда я нажимаю на изображение, оно закрывается. Я организовал Z-индекс галерее «» Див к 9999, но по-прежнему нажмите вызывается «работа»

http://cl.ly/image/2y3V052T0U43

Спасибо заранее, Ура, Met.

+1

Не можете написать свой код? –

+0

Можем ли мы увидеть код? Или что вы сделали до сих пор? – turnt

+1

установите z-индекс работы div больше, чем z-индекс аккордеона div, когда он показывает. что приведет к тому, что событие click будет потребляться рабочим div, а не согласным div – DwB

ответ

0

Создайте div.title внутри своей работы div и привяжите событие click к .title. Закройте галерею в div.gallery и спрячьте ее по умолчанию.

working fiddle

+0

Спасибо за вашу демонстрацию, это действительно работает. Но так как я получил границу 1px на дне «Работы», крайне важно, чтобы он также переместился вместе с галереей. Если я применил эту границу к галерее, она, к сожалению, скрыта, если не 'on' – Textfield

+0

использовать '


' для границы, обновленная скрипка: http://jsfiddle.net/4ewG9/1/ –

Смежные вопросы