jQuery: Lesen Sie Mehr/Weniger Folie Wechseln?

Bin ich nach eine einfache Folie wechseln, bei einen mehr Lesen link dann erweitert, wenn ein weniger Lesen link.

Genau wie diese, sondern muss nach unten schieben, anstatt Sie einfach so erscheinen.

Der ursprünglichen Höhe eingestellt werden muss, als auch, ob durch Worte oder im Feld Höhe.

Irgendwelche Ideen, ist es ziemlich einfach zu erreichen?

Vielen Dank für jede Hilfe 🙂

  • Warum Sie nicht versuchen, Folgen Sie dem tutorial verbunden und ändern toggle() von slideToggle()?
InformationsquelleAutor Jezthomp | 2012-01-13
  1. 4

    Es ist einfach, aber effektiv.

    $(".button").click(function(){
  var moreAndLess = $("p").is(':visible') ? 'More' : 'Less';
  $(this).text(moreAndLess);

  $("p").slideToggle();
});
    InformationsquelleAutor Christopher
  2. 0

    Das Beispiel, das Sie erwähnt verwenden toggle () - Funktion, die nur zeigt oder verbirgt das element (display: block /versteckt), ohne jede Wirkung.

    Verwenden Sie slideToggle() Funktion, die nicht die gleiche Sache, aber mit Gleit-Effekt.

    $("button").click(function(){
  $("p").slideToggle();
});
    • Danke Jungs, ich brauche die 'mehr Lesen' zu wechseln, 'weniger Lesen' ich habe einige Beispiele, klicken Sie auf verschieben nach oben und unten, aber Bedürfnis, das zu ändern, wirklich.
    InformationsquelleAutor Lubor Bílek
  3. 0

    könnten Sie jquery verwenden der integrierten Funktionen zu .schieben Sie() oder animate()

    anstatt also mit:

    $('#someElement').html('some content');

    versuchen

    $('#someElement').html('some content').slideDown(some speed ie 600);

    müssten Sie zu verstecken (also display:none) die Inhalte der ersten Bereich. vielleicht wickeln Sie den Inhalt in ein div mit einer id/class und auf display:none

    InformationsquelleAutor atmd
Schreibe einen Kommentar