divescondida

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('#frame').css('display', 'none')
  $("button").click(function(){
    $("#frame").slideToggle();

  });
});
</script>

<style type="text/css">
#button{
    background-color: white;
    border: 0px;
}
#button{
    background-color: white;
    border: 0px;
}
.a {
    font-size: 15;
}
#frame {
    color: transparent;
}
</style>

</head>
<body>


<button>Toggle slideDown() and slideUo()</button>

<div class=".a"<a href="#">Assista</a></div>
<p>This is a paragraph.</p>

<div id="frame">
<iframe width="560" height="315" src="http://www.youtube.com/embed/9CmnJvGJFGY" frameborder="0" allowfullscreen></iframe>
</div>

</body>
</html>