OnClick Button Display / Hide Div

This snippet is used in Salient when a nectar button style needs an OnClick function for displaying / hiding div. Just remember to include the ID for the div you want to control.

<style>
#divID{display:none;}
</style>
<a onclick="display_div()" class="nectar-button large regular accent-color  regular-button" id="read-disclaimer" style="visibility: visible;" href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff"><span>Submit a Listing (I have read the disclaimer above)</span></a>
<script>
function display_div() {
  var x = document.getElementById("divID");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}
</script>

FontAwesome 5 CDN CSS

Wasn’t apparent how to reference the CND resource for ALL FontAwesome 5 icons.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

It is necessary to reference the following property values.

font-family: "Font Awesome 5 Free";
font-weight: 900;