Background nachodzący na background

Question

cześć,

Nie mogę zrobić tak by po kliknieciu w linki sekcje układały się na tym samym miejscu.

Na razie jedna układa się po drugą(przez display block).

Oto mój kod:

http://codepen.io/anon/pen/pgqNPz

 

 

Answer 1

Jeśli elementy mają pokazywać się w tym samym miejscu to albo użyj 'position: absolute' (ewentualnie relative), albo przed pokazaniem nowego elementu ukryj poprzedni (tj. najpierw sprawdź czy inny element jest już pokazany w tym miejscu - jeśli jest, to go ukryj).

Najprościej to możesz zrobić nawet w ten sposób:

http://codepen.io/anon/pen/YwdZXX

Answer 2

Wystarczy nadać im pozycję absolutną względem tego pojemnika, i nadać odstęp od górnej krawędzi :) dla .showw dajesz position: rleative; a dla bc dajesz position: absolute; top: 45px; ustawiasz już pod siebie :) Jak by ci dalej nie wychodziło, to zerknij jak ja to zrobiłem http://codepen.io/PatrykTal/pen/wMRgVJ