diff --git a/index.html b/index.html
index 00961ab..71dcbce 100644
--- a/index.html
+++ b/index.html
@@ -47,13 +47,21 @@
           <span ng-repeat="part in bufferline.message" class="text">
             {{ part.text }}
           </span>
-          <div ng-visible="bufferline.metadata">
-            <div ng-repeat="metadata in bufferline.metadata">
-              <div ng-bind-html-unsafe="bufferline.metadata"></div>
+
+          <div ng-repeat="metadata in bufferline.metadata">
+            <div ng-show="metadata.visible">
+              <a ng-click="metadata.visible = false">Hide additional content</a>
+              <div ng-bind-html-unsafe="metadata.content"></div>
+
             </div>
+            <div ng-hide="metadata.visible">
+              <a ng-click="metadata.visible = true">Show additional content</a>
+            </div>
+            
           </div>
 
 
+
         </div>
               <form ng-submit="sendMessage()">
               <input type="text" ng-model="command"></input>
diff --git a/js/websockets.js b/js/websockets.js
index d10c466..2acd306 100644
--- a/js/websockets.js
+++ b/js/websockets.js
@@ -116,6 +116,7 @@ weechat.factory('pluginManager', ['youtubePlugin', function(youtubePlugin) {
         for (var i = 0; i < plugins.length; i++) {
             var pluginContent = plugins[i].contentForMessage(message);
             if (pluginContent) {
+                var pluginContent = {'visible': false, 'content': pluginContent }
                 content.push(pluginContent);
             }
         }