Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Hide section(s) in detail wrappers based on window size or screen size
# On mobile, Hide elements in details wrappers
if $(window).width() < 900
document.getElementById("meta_market_section").style = "display:inline;"
details = "<details>"
details += "<summary>Market Data (click for details)</summary>"
details += document.getElementById("meta_market_section").innerHTML
details += "</details>"
$("#meta_market_section").html details
document.getElementById("related_section").style = "display:inline;"
details = "<br><details>"
details += "<summary>Related Assets (click for details)</summary>"
details += document.getElementById("related_section").innerHTML
details += "</details>"
$("#related_section").html details
document.getElementById("meta_market_container").style = "text-align:left;"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment