Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Rozwijana treść - chowanie po kliknięciu w inny
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
davidos
Witajcie,
zgodnie z moim poprzednim tematem posiadam taki skrypt na rozwijanie boxów:
  1. <script type="text/javascript">
  2. $(function() {
  3. var el = $(".b4_content");
  4. var k = 0;
  5. el.click( function() {
  6. if(k % 2 == 0) {
  7. $(this).animate({'width' : '+=243'});
  8. $(this).html('<h3>Główny tytuł </h3><div class="b4_rozwiniety"><ul><li><a href="#">1. Punkt 1</a></li><li><a href="#">2. Punkt 2</a></li><li><a href="#">3. Punkt 3</a></li></ul></div>');
  9. $(".b4_rozwiniety").animate({opacity: "1.0",},650);
  10. } else {
  11. $(".b4_rozwiniety").animate({opacity: "0.5",}, 350);
  12. $(this).animate({'width' : '-=243'});
  13. $(this).html('<h3>Główny tytuł</h3>');
  14.  
  15. }
  16. k++;
  17. });
  18. });
  19. </script>


I chciałem się dowiedzieć jak zrobić takie coś że, zgodnie z tym skryptem mogę po kliknięciu w jakiś box(1) rozwinąć go, ale po kliknięciu w kolejny(2) ten(2) się wysuwa, a inny(np. 1) który jest rozsunięty niech się z powrotem wsunie. Mam takich boxów z 5, skrypt jest ten sam, różni się klasą przy "var el" wink.gif
Żeby dopuszczalnie był wysunięty tylko 1.
Ghost_78
Nie czytalem twojego poprzedniego postu i nie chce mi sie go szukac, ale sprawe masz prosta. Wszystkim tym boxom nadaj jedna klase np. "boxes". Po kliknieciu w ktorys box robisz chowanie wsyzstkich boxow z class="boxes" a po tym robisz rozwiniete tylko kliknietego.
  1. $('.boxes').hide();
  2. $(clicked).show();


gdzie clicked jest wskaznikiem do kliknietego boxa.
davidos
Tylko że to mi ukrywa treść, a nie wsuwa box smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.