Od kilku dni probuje zrobić rozwijane newsy na stronie. Jak to ma wyglądać? Ostatnio dodany news ładuje się w całości, 5 kolejnych posiada tylko tytuł, po kliknięciu tego tytułu, ostatnio dodany news ma się zwijać, a rozwijać ten w którego się klikneło. Jednak po kliknięciu ostatnio dodany się zwija, a rozwijają sie wszystie popostałe.
[JAVASCRIPT] pobierz, plaintext
- $(document).ready(function() {
- $(".newsCzytaj").click(function(){
- $(".newsTresc").each(function() {
- $(this).toggle(500);
- });
- });
- });
[PHP] pobierz, plaintext
- $news_query = dbquery("SELECT * FROM news ORDER BY news_id DESC LIMIT 5");
- if(dbrows($news_query)){
- $i = 1;
- while($news = dbarray($news_query)){
- if($i == 1){
- echo("<div class=\"news_body\">");
- echo( "<a href=\"#newsCzytaj\" class=\"newsCzytaj\"><h2>".$news['title']."</h2></a>" );
- echo( "<div class=\"newsTresc\">".$news['tresc']."</div>" );
- echo("</div>");
- $i = 2;
- } else {
- echo("<div class=\"news_body\" >");
- echo( "<a href=\"#newsCzytaj\" class=\"newsCzytaj\"><h2>".$news['title']."</h2></a>" );
- echo( "<div style=\"display: none\" class=\"newsTresc\">".$news['tresc']."</div>" );
- echo("</div>");
- }
- }
- }
jak zrobić aby każdy rozwijał się osobno?