CodePen

HTML

            
              <!DOCTYPE html>
<html lang="en">
	<head>
	<!-- Meta -->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		
	
<script src="scripts/jquery.1.7.2.js"></script>
			
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	
	<body>
	<!-- MAIN WRAP -->
		<div id="main-wrap">
				
			<div id="page" class="layout-center">
		
				<header id="page-head">
				
					<ul id="uiframe">
					<li><a href="http://www.masteetv.com/india-vs-australia-live-cricket-match-t20-ODI-Test-live-streaming-HD2.php" id="big_frame" target="iframe_bot" >link1</a></li>

					<li><a href="http://www.embed.cricket-365.info" target="iframe_bot1" id="small_frame">link2</a></li>
					
					</ul>
				  
				 <div id="iframe_border">
				   <iframe name="iframe_bot" src="" height="700px" width="80%"scrolling="yes" style="background-color:black;"></iframe>
				 </div>
				 <div id="iframe_border2" >
				   <iframe name="iframe_bot1" id="iframe_bot1" src="" height="480px" width="60%"  scrolling="yes" style="background-color:black;"></iframe>
				 </div>
				  
				</header><!-- #page-head -->
				
			
			
		</div><!-- #main-wrap -->
		
	<!-- SCRIPTS -->
		

		<script>
		$(function(){
		
			$('#small_frame').click(function() {
			 $("#iframe_border").hide("slow");
			 $("#iframe_border2").show("slow");
			 
			});

			$('#big_frame').click(function() {
			 $("#iframe_border2").hide("slow");
			 $("#iframe_border").show("slow");
			}); 
			
		
			
		
			
			});
         </script>
		
			
	</body>
</html>
            
          
!
via HTML Inspector

CSS

            
              #iframe_border2{display:none;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................