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;
      }

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!