[Viral]

Здравствуйте. Простите заранее, если то что я щас напишу покажется Вам извращением. Другого пути реализации я не придумал, а навигация по DOM с такой разметкой - бессмысленна и беспощадна.



Разметка:

<div class="q1">
    <div class="w1"></div>
    <div class="w1"></div>
    <div class="w1"></div>
    <div class="w1"></div>
</div>
<div class="q2">
    <div class="w2">
        <div class="e1">
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
        </div>
        <div class="e2">
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
        </div>
    </div>
    <div class="w2">
        <div class="e1">
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
        </div>
        <div class="e2">
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
        </div>
    </div>
    <div class="w2">
        <div class="e1">
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
        </div>
        <div class="e2">
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
        </div>
    </div>
    <div class="w2">
        <div class="e1">
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
            <div class="r1"></div>
        </div>
        <div class="e2">
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
            <div class="r2"></div>
        </div>
    </div>
</div>

Скрипт:

$(document).ready(function(){
    var q1 = (".q1 > w1");
    var q2 = (".q2 > w2");
    var e1 = (".e1 > r1");
    var e2 = (".e2 > r2");
    q2.hide();
    e2.hide();
    q1.click(function(){
        var a = q1.index(this);
        q2.eq(a).show().siblings().hide();
        // здесь по идее должен быть ответ на вопрос, но ни .eq(0) ни .filter(":first") мне не помогли.
    });
});

Уважаемые знатоки, внимание, вопрос:
Каким образом мне вытащить первый элемент массива e2, который в свою очередь вытаскивается из массива q2, если ни eq() ни filter() не помогли?