title: Hide link if href is blank, and then display a different button?
body: <p>I have a link and div within each of my list items. If the link HAS an href then I want to make sure the div is hidden within its list item and the link appear just normal. </p>
  
  <p>However if the link DOES NOT have a href (e.g. href=""), then I want to add the class .show to the div so I can show it. I also want to hide the link at the same time. </p>
  
  <p>Or is there a better way to do this? Thanks</p>
  
  <pre><code>&lt;style&gt;
    .nolinkdiv { display:none; }
    .show { display:block!important; }
  &lt;/style&gt;
  
  &lt;ul&gt;
    &lt;li&gt;
       &lt;a href="/register.html"&gt;Register&lt;/a&gt;
       &lt;div class="nolinkdiv"&gt;Register Coming Soon&lt;/div&gt;
    &lt;/li&gt;
    &lt;li&gt;
       &lt;a href=""&gt;Register&lt;/a&gt;
       &lt;div class="nolinkdiv"&gt;Register Coming Soon&lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>