Pojawienie się dodatkowego DIV'a

Question

Witam,

Poszukuje rozwiązania najlepiej w CSS. Po najechaniu na obrazek lub napis czytaj więcej chciałbym, żeby wysunął się pod spodem nowy div z tabelką, którą umieszczę. Znalazłem kilka JS ale żaden nie zadziałał. JS leży u mnie totalnie.

<div id="content">
	<strong>KLorem Ipsum<br><br></strong>
			<div class="albumall">
			<div class="album1">
				<div class="overlay1">
					<a href="#"><img src="img/obrazek.jpg"/></a>
				<a class="link1produkty" href="#"><p>Czytaj więcej</p></a>
				</div>
			</div> 
			<div class="album1">
				<div class="overlay1">
					<a href="#"><img src="img/obrazek.jpg"/></a>
					<a class="link1produkty" href="#"><p>Czytaj więcej</p></a>
				</div>
				
			</div>
			<div class="album1">
				<div class="overlay1">
					<a href="#"><img src="img/obrazek.jpg"/></a>
					<a class="link1produkty" href="#"><p>Czytaj więcej</p></a>
				</div>
			</div>
			</div>	
			<div style="clear:both"></div>
<strong>Lorem Ipsum</strong>
		</div>

 

 

Chodzi o to, że po najechaniu i kliknięciu na napis "Czytaj więcej" pod spodem w divie #content tak jakby wysunął się dodatkowy div z tabelką. 

Comments

Mozesz to zrobic uzywajac tylko css. .blokpodspodem{ opacity:0; height:0; width:200px; background-color:red; transition:0.4s all; } .link1produkty:hover .blokpodspodem{ opacity:1.0; height:50px; }

---

I w który miejscu zakodować .blokpodspodem w html. Bo ma to sens ale rozjeżdżają się obrazki.

Answer 1

Jeżeli w css to pseudoklasa target.