Överlappande länkar. Båda triggas...

Hallå!

Jag har en stor div (project) som i sig är en länk via jQuery. När man hovrar diven så dyker en annan div upp (edit-project) inuti den stora. Klickar man på den nya så öppnas en lightbox och jag vill att länken för den stora inte ska triggas. Just nu öppnas lightboxen, men avbryts och man skickas vidare till länken från den stora diven.

Hur kommer man runt detta? Positionera den nya diven med z-index högre än föräldern? Lägga den utanför förälderdiven? Stänga av scriptet för den stora om den lilla klickas?

Mitt försök som inte funkar:

$('.project').on('click', function(e) {
	e.preventDefault();
	if( !$('.edit-project').is("clicked") ) {
		window.location = '?a=project&pid='+$(this).data('pid');
	}
});

Tack för tips!