[HTML][CSS]Pozycja Absolute oraz Relative przesuniecie diva. Opcje

[DonPolaczek]

Witam serdecznie próbuję się uporać z następującmy problemem przyjmy że mam obrazek o wysokości 500px i określam divem żeby było widoczne tylko 250px tego obrazka a następnie po kliknięciu w jakiś button będę mógł zobaczyć tą drugą połowę obrazka. Wiem że będzie mi do tego potrzebne jquery i z tym nie mam problemu zrobię to np za pomocą:

[JAVASCRIPT] pobierz, plaintext 
$(this).parent().find
[JAVASCRIPT] pobierz, plaintext 

ale nie wiem jak ukryć ten obrazek za pomocą css oraz którego diva przesunąć pewnie będzie mi potrzebna pozycja relative oraz absolute i myślę że funkcją overflow. Prosiłbym o jakąkolwiek pomoc.

[Damonsson]

Ale po co chcesz robić nadmiarowe divy, cudować przysłaniać. Jeśli używasz i tak jQuery to zrób sobie tak:

[HTML] pobierz, plaintext 
<div id="myDiv">
Lorem ipsum dolor sit amet
</div>
<button>Show more</button>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.reveal-open {
	height: 200px;
}
div {
    background: #f00;
	overflow: hidden;
	height: 92px;
    -webkit-transition: height .5s linear;
    -moz-transition: height .5s linear;
    transition: height .5s linear;
}
[CSS] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$("button").click(function() {
	$("#myDiv").toggleClass("reveal-open");
});
[JAVASCRIPT] pobierz, plaintext 

http://jsfiddle.net/NHRzH/229/