jquery - How do i limit the 'click' area? -

jquery - How do i limit the 'click' area? -

i've got construction accordion. got 'work' divs, did hide pictures inside, , want them work gallery.

so when click on 'work' div, div animates , height expands , gallery appears.

but wherever click closes 'work' div again. want is, limit click area , prevent close 'work' users can navigate through images.

i hope made myself clear.

here's image url, see, work images underneath open work, when click on image, closes up. arranged 'gallery' div's z-index 9999 still click called 'work'

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

thanks in advance, cheers, met.

create div.title within work div , bind click event .title. enclose gallery in div.gallery , hide default.

working fiddle

jquery html css interaction