Ankündigung

Einklappen
Keine Ankündigung bisher.

JQuery bestimmte div einblenden

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • JQuery bestimmte div einblenden

    Hallo,

    Wie kann ich mit JQuery eine bestimmte div ein und ausblenden?

    Code:
    $("button").click(function () {
       $("div").fadeOut("slow");
    }
    so ist das ja mehr allgemein, also es blendet alle div's aus.


  • #2
    toggle()
    Siehe auch: Inhalt ein- und ausblenden - PHP.de Wiki
    Refining Linux: “Performing Push Backups – Part 1: rdiff-backup

    Kommentar


    • #3
      ahja, cool

      Danke

      <a href="javascript:$.fade('#div')">Press</a>

      <div id="div">a DIV</div>
      <script>
      $.fade = function(query)
      {
      if ($(query).css('display') == 'block') {
      $(query).fadeOut();
      } else {
      $(query).fadeIn();
      }
      }
      </script>

      Kommentar


      • #4
        PHP-Code:
        $('div.classenname').toggle('slow');

        $(
        'span#id').toggle('slow'); 
        du brauchst nicht mit if prüfen ob der div nicht sichtbar ist

        PHP-Code:
        <a href="#" id="press">Press</a>

        <
        div class="myDiv">a DIV</div>

        <
        script type="text/javascript">
        $.
        document.ready(function(){
        $(
        'a.press').click(function(){
        $(
        'div.myDiv').toggle('slow');
        })

        })
        </script> 
        apt-get install npm -> npm install -g bower -> bower install <package> YOLO https://www.paypal.me/BlackScorp | Mein Youtube PHP Kanal: https://www.youtube.com/c/VitalijMik

        Kommentar


        • #5
          geht sogar noch einfacher:
          Code:
          	
          <a href="#" onclick="$.toggle('#div')">Press</a>
          <div id="div">DIV content</p>
          <script type="text/javascript">
          $.toggle = function(query)
          {
                  $(query).toggle("slow");
          }   
          </script>

          //EDIT:

          MEIN 500 BEITRAG

          Kommentar

          Lädt...
          X