Разрешение события для перекрывающихся братьев и сестер DIV

Question

У меня есть проблема, когда у меня есть 2 дочерних элемента div, которые перекрываются. Первое всегда непрозрачно и содержит в себе содержание. Второе имеет содержание, но только на некоторые части. Оба должны иметь их с и высоту. В тех частях, где 2-й делитель перекрывает 1-й, 2-й должен иметь приоритет при возникновении события Click, но там, где нет содержимого во 2-м div, я хочу, чтобы 1-й div получал события.

Вот скрипка: http://jsfiddle.net/meosoft/FQeWz/

Теперь, если вы хотите нажать на ссылку, она не работает. Я предпочтительно ищу решение, которое не требует каких-либо изменений в существующем коде, но оно может добавить любой другой код. Потому что мне действительно нужны размеры, которые нужно установить, без установки размеров на 2-м делении это работает. Кроме того, это работает в IE, но не в FF или Webkit.

Как бы вы, ребята, решили эту проблему?

Answer 1

Попробуйте:

$("#controls").click(function($event){
    if($event.target.id === "controls") {
        $("#content").trigger('click');
    }
});

$("#content").click(function($event){
    alert('DIV 1 clicked');
});

Это соответствует требованию отправить событие в первый div.Если вы хотите, чтобы ссылка получала событие, если вы нажмете на это, я не уверен, потому что у вас есть div, сидящие друг над другом.