首次点击后隐藏iframe

Question

我正在使用此代码：

    <div class="youtube">
  some text and images
  <iframe width="500" height="370" src="http://youtube.com/ID" frameborder="0" allowfullscreen></iframe>
</div>

这是＆＃34; youtube＆＃34;

的CSS

 .youtube{ 
   opacity: 0;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 } 

我想知道是否有办法，在第一次点击后完全隐藏 iframe 。

我真的是编程的初学者，所以详细的帮助会很棒。