Menu icon Foundation
Reveal Model With Form Submit Button

Hi Guys,

I'm trying to pop open a reveal on a form submit and display the data. Is this possible? At the moment the reveal just doesn't show.

I know it was previously possible on older versions but doesn't seem to be working for me.

Any help would be brilliant

Thanks in advance

            
<button class="radius tiny button" type="submit" id="search">Search</button>

<div id="myModal" class="reveal-modal" data-reveal>
<p> BLAH BLAH BLAH </p>
  <a class="close-reveal-modal">&#215;</a>
</div>


<script type="text/javascript">
  $(document).ready(function() {
    $("#search").click(function() {
      $("#myModal").reveal();
    });
  });
</script>

revealmodalformsubmitbutton

Hi Guys,

I'm trying to pop open a reveal on a form submit and display the data. Is this possible? At the moment the reveal just doesn't show.

I know it was previously possible on older versions but doesn't seem to be working for me.

Any help would be brilliant

Thanks in advance

            
<button class="radius tiny button" type="submit" id="search">Search</button>

<div id="myModal" class="reveal-modal" data-reveal>
<p> BLAH BLAH BLAH </p>
  <a class="close-reveal-modal">&#215;</a>
</div>


<script type="text/javascript">
  $(document).ready(function() {
    $("#search").click(function() {
      $("#myModal").reveal();
    });
  });
</script>