Несколько div на каждой странице и в 2 слоя

Question

Я программирую на HTML5 и CSS, CSS3. В окне браузера моему клиенту требуется 2 слоя, отображающие информацию двумя различными способами.

На слое 1 скажем, у меня есть:

<div id="A1">1234</div>
<div id="A2">5678</div>

В слое 2, div'ы:

<div id="AA1">ABCD</div>
<div id="AA2">EFGH</div>

В обоих этих слоях div A1 располагается прямо над div AA1, а div A2 прямо над div AA2.

Теперь мне нужно иметь механизм для показа div ниже или выше, то есть .. скрыть один div и показать тот же div выше или ниже него.

Буду очень признателен за вашу помощь.

С уважением, sbguy

Answer 1

Вам необходимо определить, при каких условиях показывать / скрывать каждый div, но что-то вроде этого должно работать:

if (myCondition == "something") {
    $("#A1").show();
    $("#AA1").hide();
}
else {
    $("#A1").hide();
    $("#AA1").show();
}

Очевидно, что затем вы можете повторить это для второго набора элементов div.