Chodzi o rozwijane newsy do strony. Użyłem kodu-gotowca, który mozna znaleźć tutaj -> http://jsfiddle.net/423W2/
Taki efekt mnie nie satystakcjonował więc nieco przerobiłem kod, żeby treść newsa otwierała się po kliknięciu na nagłówek. Niestety działa to teraz tak, że przy większej ilości aktualności otwierają się wszystkie, a nie każda osobno jak jest porządane. Kod skryptu wygląda tak:
CODE
<script type="text/javascript">
$(window).load(function(){
$('.news-text').slideUp();
$('.news-header').click(function(){
$(this).siblings('.news-text').toggle('slow')
if ($(this).news-header() == ".news-header" )
$(this).news-header(".news-header")
else
$(this).news-header(".news-header");
});
});
</script>
$(window).load(function(){
$('.news-text').slideUp();
$('.news-header').click(function(){
$(this).siblings('.news-text').toggle('slow')
if ($(this).news-header() == ".news-header" )
$(this).news-header(".news-header")
else
$(this).news-header(".news-header");
});
});
</script>
Kod HTML tak:
CODE
<div class="news-header">Tytuł</div>
<p>Skrót</p>
<div class="news-text">
<p>Treść pełna</p>
</div>
<div class="clear"></div>
<div class="news-header">Tytuł</div>
<p>Skrót</p>
<div class="news-text">
<p>Treść pełna</p>
</div>
<div class="clear"></div>
<p>Skrót</p>
<div class="news-text">
<p>Treść pełna</p>
</div>
<div class="clear"></div>
<div class="news-header">Tytuł</div>
<p>Skrót</p>
<div class="news-text">
<p>Treść pełna</p>
</div>
<div class="clear"></div>
Nie mam pojęcia jak to ruszyć w tym momencie :/ Liczę, że ktoś bardziej ogarnięty poradzi co trzeba zrobić - tak łopatologicznie
