diff --git a/public/javascripts/stream.js b/public/javascripts/stream.js
index ca89bf9d7..730792dbb 100644
--- a/public/javascripts/stream.js
+++ b/public/javascripts/stream.js
@@ -48,10 +48,10 @@ $(document).ready(function(){
evt.preventDefault();
var $this = $(this),
- container = document.createElement('div'),
- $container = $(container).attr("class", "video-container");
+ container = document.createElement("div"),
+ $container = $(container).attr("class", "video-container"),
+ $videoContainer = $this.parent().siblings("div.video-container");
- var $videoContainer = $this.siblings("div.video-container");
if($videoContainer.length > 0) {
$videoContainer.slideUp('fast', function () {
$videoContainer.detach();
@@ -65,21 +65,21 @@ $(document).ready(function(){
});
}
- if($this.data("host") === 'youtube.com') {
- $container.html(
+ if($this.data("host") === "youtube.com") {
+ $container.html(
'Watch this video on Youtube
' +
''
);
} else {
- $container.html('Invalid videotype '+$this.data("host")+' (ID: '+$this.data("video-id")+')');
+ $container.html('Invalid videotype '+$this.data("host")+' (ID: '+$this.data("video-id")+')');
}
-
- $container.hide();
- this.parentNode.insertBefore(container, this.nextSibling);
- $container.slideDown('fast');
+
+ $container.hide()
+ .insertAfter($this.parent())
+ .slideDown('fast');
$this.click(function() {
- $container.slideToggle('fast', function () {
+ $container.slideUp('fast', function() {
$(this).detach();
});
});