Show hide selected list

<html>
    <head></head>
    <body>
        <ul>
          <li><div>1</div></li>
          <li><div>2</div></li>
        </ul>
        <ul>
          <li><div>3</div></li>
          <li><div>4</div></li>
          <li><div>5</div></li>
        </ul>
        <ul>
          <li><div>6</div></li>
          <li><div>7</div></li>
        </ul>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script type="text/javascript">
        $( 'ul li' ).click( function( e ) {
                // by default, hide all li's
            $( 'ul li' ).hide();
                // show only the selected li
            $( this ).show();
        });
        </script>
    </body>
</html>