Detaljtaggen i HTML5 och jQuery-implementeringen

Senaste uppdateringen feb 1, 2023

HTML5

Enligt W3school har HTML5 lagt till en ny tagg, detaljer. Dess exempel användning är:

Om din webbläsare stöder HTML5 och stöder denna tagg kommer du att se följande fungera (expanderbar tagg, klicka för att växla mellan visa och dölj, borttagen på grund av att AMP inte tillåter dessa HTML5 – taggar):

Tyvärr stöder inte alla webbläsare detta som Microsoft IE eller Edge webbläsare. Men du kan alltid använda jQuery (eller rent javascript) för att uppnå samma effekter (minst 99% liknande).

▶ Data och teknik.

Källkoden är:


jQuery(document).ready(function() {
  jQuery('#example_label1').click(function() {
     jQuery('#example_d1').toggle();
  });
});

Två HTML-div är definierade: example_label1 och example_d1. Unicode – triangeln till höger förvandlas till nedåt men detta tas inte med i denna enkla jQuery- ersättning.

Det ser ut som att du använder en annonsblockerare. Men utan reklamintäkter kan vi inte fortsätta att göra den här webbplatsen fantastisk. Jag förstår att jag har inaktiverat min annonsblockerare.

Inspelningskälla: helloacm.com