[tw5] How can I change css attributes once a button is pressed?

['Jakob Schwichtenberg' via TiddlyWiki]

I want to include a simple button that controls certain css aspects. For 
example, when the button is clicked, all elements with a specific css class 
should be made invisible or visble. How is this possible in TiddlyWiki?

Using standard JavaScript I would add a html button: 

<button onclick="toggleelements()">Toggle Elements</button>


and then use a function like 

function toggleelements()    {
  var x = document.getElementsByClassName("flaggedelements");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}


-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/7f2e3299-315e-4960-8967-4345a29e4e3b%40googlegroups.com.