Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
    <!DOCTYPE html>
    <html>
    <head>
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
      
    
    <!-- block 1 -->
    <script type="text/javascript">
      function open_div_() {
            if ( $("#_div__field").style.display = "none"; )
            {
                document.getElementById('_div__field').style.display = "block";
            }
            else if 
            ( $("#_div__field").style.display = "block"; )
            {
                document.getElementById('_div__field').style.display = "none";
            }
        }
    </script>
    <!-- block 1 end -->
      
    <meta charset=utf-8 />
    <meta name="viewport" content="width=device-width">      
    </head>
      
    <body>
  
    <!-- block 2 -->
      <div id="_div__field" style="display:none;">
            YAY!
      </div>
      
      <div id="_div__button">
            <input type="button" name="answer" value="Show" onclick="open_div_()"></button>
      </div>
    <!-- block 2 end -->
      
    </body>
    </html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers