Coder Forum

HTML Code

<ul>
<li>
					<span class="jpg img"></span> 
					<span class="showdetails" style="width:250px;display:inline-block;font-weight:900;cursor: pointer;">2011-09-24 65.Geburt.jpg</span>
					<span class="date img"></span> 23. Oktober 2011, 11:05:26
					<span class="autor img"></span> sebastian 
 
					<div class="details" style="display:block;width:90%;padding:10px;background-color:#dfdfdf;margin:20px;display:none;">
						dsasadsdsad
					</div>
				</li><li>
					<span class="jpg img"></span> 
					<span class="showdetails" style="width:250px;display:inline-block;font-weight:900;cursor: pointer;">2011-09-24 65.Geburt.jpg</span>
					<span class="date img"></span> 23. Oktober 2011, 11:05:26
					<span class="autor img"></span> sebastian 
 
					<div class="details" style="display:block;width:90%;padding:10px;background-color:#dfdfdf;margin:20px;display:none;">
						dsasadsdsad
					</div>
				</li><li>
					<span class="gif img"></span> 
					<span class="showdetails" style="width:250px;display:inline-block;font-weight:900;cursor: pointer;">app_2_23760562627892.gif</span>
					<span class="date img"></span> 23. Oktober 2011, 11:05:26
					<span class="autor img"></span> sebastian 
 
					<div class="details" style="display:block;width:90%;padding:10px;background-color:#dfdfdf;margin:20px;display:none;">
						dsasadsdsad
					</div>
				</li>
</ul>

JavaScript Code

$('.showdetails').click(function(e){
				$(this).next('div').slideToggle('slow');
			});