Two Toggles on same element
http://stackoverflow.com/questions/13076555/two-toggles-on-same-element-need-them-to-sync
HTML
<div id="videoPane">
content inside panel
//NOTE: the below anchor has a negative bottom margin, so it remains in plain view when the panel is closed.
<a href="#" class="close">close</a>
</div>
<div id="footerNav">
<a class="vidbtn" id="b4" href="#">Watch Video</a>
</div>
CSS
#videoPane {
display: none;
border: 1px solid #000;
padding: 10px;
margin: 10px;
}
.videoExpanded {
display: block !important;
}
JavaScript
$("#videoPane a, #b4").click(function (e) {
$("#videoPane").toggle();
});