Problema riferimento al click

PazzoFrontEnd

Utente Attivo
8 Ott 2013
46
0
6
Ciao a tutti ragazzi
era da parecchio che non utilizzavo il .toggle() e proprio ieri ho saputo che da jQuery 1.9 è eliminato e deprecato.
Devo far si che al click su di un anchor (<a>) venga fatto il "toggle" dell'altezza di un div per nascondere/mostrare un testo nascosto al document.ready e inoltre stampare nell'ancora il testo "Per saperne di più"/"Chiudi". Ho trovato il seguente script che mi fa tutto ciò, il problema è che ho bisogno di inserire in queste righe di codice il riferimento sull'anchor sulla quale ho cliccato. Perchè se in pagina ho n-div con la classe in questione il mostra/nascondi lo fa su tutti ma in realtà l'azione deve avvenire SOLO sull'elemento su cui clicco e non su tutti gli altri (una sorta di $(this).parent() ecc...)! Come posso fare? Vi posto il codice modificato.

Grazie anticipatamente a chi saprà darmi una mano!

Codice:
 //plugin per vedere + o - testo nei box video

  var adjustheight = 255;
  var defaultHeight = "auto";
  var moreText = "Per saperne di più";
  var lessText = "Chiudi";
  $(".row .panel article").css('height', adjustheight).css('overflow', 'hidden');

   $.fn.clicktoggle = function(a, b) {
         return this.each(function() {
             var clicked = false;
             $(this).bind("click", function() {
                 if (clicked) {
                     clicked = false;
                     return b.apply(this, arguments);
                 }
                 clicked = true;
                 return a.apply(this, arguments);
             });
         });
     };

     function moretext() {
         $(".row .panel article").css('height', 'auto').css('overflow', 'visible');
         $(".row .panel p.more a").text(lessText);
         return false;
     }

     function lesstext() {
         $(".row .panel article").css('height', adjustheight).css('overflow', 'hidden');
         $(".row .panel p.more a").text(moreText);
         return false;
     }
    

  $(".row .panel p.more a").clicktoggle(moretext, /plugin per vedere + o - testo nei box video (trigger)

O provato anche ad utilizzare l'animate ma accade che lo fa una volta soltanto per poi bloccarsi:

Codice:
  $(".row .panel p.more a").click( function () {
       $(this).parent().prev().animate({
            height: ( $(this).parent().prev().height() == adjustheight) ? $(this).parent().prev().css("height","auto") : adjustheight
        }, 200);

       return false;
    });
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema pulsante cerca record su access Database 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 1
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1

Discussioni simili