So verbergen Sie eine Liste in HTML

So verbergen Sie die Liste in HTML: Öffnen Sie zuerst die entsprechende HTML-Datei. Verwenden Sie dann die Toggle-Methode von jQuery und fügen Sie die Onclick-Methode zum Pfeil hinzu, um die Liste auszublenden.

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, DELL G3-Computer.

html Informationen zum Anzeigen und Ausblenden der Liste Pfeil nach unten, um die Liste auszublenden.

Klicken Sie auf den Aufwärtspfeil, um die Liste anzuzeigen.

var toggleFlag = false;
      function toggleHosptial(e){
          if(!toggleFlag){
              $('.arrow_icon').css({'background-image':'url(' + "../images/arrow_up.png" + ')'})
          }else{
            $('.arrow_icon').css({'background-image':'url(' + "../images/arrow_down.png" + ')'})
          }
        var sibling = e.parentNode.parentNode.children[1];
        $(sibling).toggle();
        toggleFlag = !toggleFlag;
      }

Es ​​gibt Bugs, Bugs. Die Lösung gibt es im nächsten Blog.

Das obige ist der detaillierte Inhalt vonSo verbergen Sie eine Liste in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!