同じページ（php）内の別のdivへのリンクを開きます

Question

同じページ（php）内の別のdivへのオープンリンクについて質問します。

状況はこのようなものです：

私は一番下にいくつかのサムネイルを置く

<div id="top"> 
</div> 
<div id="buttom"> 
</div> 

2セクションのトップとボタンにページを分割し、私はそれが上の動画を再生するのです親指をクリックすると、上部のセクション。どうやってするか？

Answer 1

試してみてくださいこの：

your.php

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<div id="top"> 

</div> 
<div id="buttom"> 

<div id="t1"> open_html </div> 
<div id="t2"> play_youtube </div> 
</div> 

<script type="text/javascript"> 

$("#t1").click(function(){ 
    $("#top").load('video.html'); 
}); 

$("#t2").click(function(){ 
    document.getElementById('top').innerHTML='<iframe width="560" height="315" src="https://www.youtube.com/embed/uelHwf8o7_U" frameborder="0" allowfullscreen></iframe>'; 
}); 



</script> 

<style type="text/css"> 
    #top{ 
     width: 560px; 
     height: 315px; 
     border: 1px solid #ccc; 
    } 
    #buttom{ 
     width: 300px; 
     height: 50px; 
     border: 1px solid #ccc; 
    } 
</style> 

video.html

<h1>This is video.html!</h1>