Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][jQuery]Problem z rozwijaniem tekstu.
Forum PHP.pl > Forum > Przedszkole
samud
Mam kłopot z ukrywaniem tekstu w WP
Znacznik "more" działa tylko we wpisach ale nie na stronach. Znalazłem info że można to zrobić przy pomocy jQuery - znalazłem odpowiednie shortcode, dodałem do "function.php" ale niestety coś działa nie tak.
Tekst co prawda został ukryty po
Kod
cudazi_expander position='middle'
ale jak klikam w "więcej" to rozsuwa się pusta przestrzeń - nie widać tekstu.
Wie ktoś może o co chodzi?

Pozdrawiam.

Zastosowałem instrukcje z tego tematu na forum wp.
http://pl.forums.wordpress.org/topic/rozwi...jax-poszukiwane i tak jak wsponinałem, rozwija się ale tekstu nie widać.

Czy naprawdę z prawie 40 osób jakie przeczytały ten temat nie ma żadnej która mogłaby mi pomóc? Od 4 dni czekam na potwierdzenie rejestracji na forum Wordpressa - bez skutku! Rejestrowałem się 5 razy pod różnymi nickami i adresami e-mail i zero maila z potwierdzeniem. Pytam po różnych forach, na GoldenLine itp i zero odzewu sad.gif a jutro muszę zakończyć temat...
Czy naprawdę nie ma wyjaśnienia tego: http://przeklad.info/teksty/92-2/ questionmark.gif? (na tej stronie ćwiczę ukrywanie)

.

.
pitu
Tekst się nie pojawia, ponieważ na start div posiada klasę hidden, która ma display: none i visibility: hidden. Po kliknięciu rozwiń dodajesz do elementu display: block zamiast usuwać/dodawać klasę hidden.
samud
Cytat(pitu @ 24.10.2014, 16:50:19 ) *
Tekst się nie pojawia, ponieważ na start div posiada klasę hidden, która ma display: none i visibility: hidden. Po kliknięciu rozwiń dodajesz do elementu display: block zamiast usuwać/dodawać klasę hidden.


Czyli co/i gdzie mam zmienić i jak to ma wyglądać. Mój php to nie przedszkole tylko żłobek smile.gif
  1. /********************************************************************************
    ******************************************************************/
  2.  
  3. /*
  4. [cudazi_expander position='beginning']
  5. Summary content here...
  6. [cudazi_expander position='middle']
  7. Full content here, initally hidden...
  8. [cudazi_expander position='end' more='Show More...' less='Show Less...']
  9. */
  10. function cudazi_expander_sc($atts) {
  11.  
  12. extract(shortcode_atts(array(
  13. 'position' => '',
  14. 'more' => __( 'Show More...', 'cudazi' ),
  15. 'less' => __( 'Show Less...', 'cudazi' )
  16. ), $atts));
  17.  
  18. if ( $position == 'beginning' ) {
  19. $output = "<div class='toggle-container'>";
  20. } else if ( $position == 'middle' ) {
  21. $output = "<div class='hidden toggle-fulltext'>";
  22. } else if ( $position == 'end' ) {
  23.  
  24. $output = "</div>"; // end hidden
  25. $output .= "<p><a class='toggle' href='#'>" . $more . "</a></p>";
  26. $output .= "</div>"; // end toggle container
  27. $output .= "<script type='text/javascript'> jQuery(function($){ $('a.toggle').toggle( function() { $(this).parents('.toggle-container').find('.toggle-fulltext').slideDown(); $(this).html('" . $less . "'); return false; }, function() { $(this).parents('.toggle-container').find('.toggle-fulltext').slideUp(); $(this).html('" . $more . "'); return false; }); }); </script>";
  28. }
  29. return $output;
  30. }
  31. add_shortcode('cudazi_expander', 'cudazi_expander_sc');
  32.  
  33. /********************************************************************************
    ******************************************************************/
  34. ?>


.
kalipek
  1. $output = "<div class='hidden toggle-fulltext'>";


zamień na

  1. $output = "<div class='toggle-fulltext' style='display:none'>";


albo dodaj klasę, która ma tylko display:none
samud
Cytat(kalipek @ 25.10.2014, 19:40:37 ) *
  1. $output = "<div class='hidden toggle-fulltext'>";


zamień na

  1. $output = "<div class='toggle-fulltext' style='display:none'>";


albo dodaj klasę, która ma tylko display:none



Normalnie wróciłem z dalekiej podróży!!!!! Dzięki wielkie! Zajmuję się zupełnie czymś innym i takie rzeczy to dla mnie czarna magia. Jeszcze raz dzięki 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.