jQuery toggle visibility

by Kyle Mitofsky

HTML

<div class='div-1'>div 1</div>
<div class='div-2'>div 2</div>












<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>About this SO Question: <a href='http://stackoverflow.com/q/19414381/1366033'>jquery/javascript: adding an else statement?</a><br/>
    jQuery API: <a href='http://api.jquery.com/toggle/'>Toggle</a>
    <br/>
    <div>

CSS

.div-1, .div-2 {
    width:50px;
    height:50px;
    border: 1px solid black;
    margin:5px;
}

JavaScript

$(function() {
    $('.div-1').click(function() {
        if ($('.div-2').is(':visible')) {
            $('.div-2').hide();
        } else {
            $('.div-2').show();
        }
       return false;
   });
});