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>
    <title>aj</title>
    
    <style type="text/css">
​
        #box
        {
            width: 200px;
            height: 200px;
            background-color: Red;
            display: none;
        }
        *
        {
            margin: 0;
            padding: 0;
        }
        
        .selectedRow td
        {
            border: 3px solid red;
            width: 100px;
        }
​
    </style>
​
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
​
    <script type="text/javascript">
​
        $(function() {
​
            $('.selectedRow').click(function() {
                alert('aaaaaaaaaaaaaaah not again!!!');
                $('.toggleMe').click();
            });
       
​
      $('.toggleMe').click(function(e) {
          e.stopPropagation();
          $("#box").toggle();        
      });
});
    </script>
​
 </head>
<body>
​
<table>
​
<tr class="selectedRow">
​
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><a class="toggleMe">Toggle Me Here</a></td>
    
</tr>
​
</table>
​
<div id="box">sdfsdfsdfsdfdsfdsfdsfdsf</div>
    
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers