title: open card-reveal content by hover the activator in materializecss
body: <p>I tried to open the card-reveal content by mouseover the activator content several different ways but none of them worked. Here is a working example of my code in the snippet below.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"&gt;
  
  
      &lt;div class="card"&gt;
        &lt;div class="card-image waves-effect waves-block waves-light"&gt;
          &lt;img class="activator" src="https://s19.postimg.org/rs95dw3b7/beautiful-flower-pictures-and-wallpapers-2.jpg"&gt;
        &lt;/div&gt;
  
        &lt;!-- card text content --&gt;
        &lt;div class="card-content"&gt;
          &lt;span class="card-title activator"&gt;
        &lt;p&gt;Name of the listing&lt;/p&gt;
      &lt;/span&gt;
          &lt;p&gt;$10.00&lt;/p&gt;
          &lt;div class="card-content"&gt;
            &lt;a href="#" class="waves-effect waves-light btn right bottom"&gt;view item&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;!--   card reveal content --&gt;
        &lt;div class="card-reveal"&gt;
          &lt;span class="card-title"&gt;
        &lt;i class="fa fa-times right"&gt;&lt;/i&gt;
        &lt;div&gt;Name&lt;/div&gt; 
      &lt;/span&gt;
          &lt;p&gt;this is the data in the card reveal content&lt;/p&gt;
          &lt;div&gt;
            &lt;a href="#" class="waves-effect waves-light btn right bottom"&gt;view&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    
  &lt;!-- Compiled and minified JavaScript --&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>