diff --git a/public/css/style.css b/public/css/style.css
index 58447395..6097d9fe 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1810,6 +1810,9 @@ pre[class*=" language-"] {
     float: right; }
   .summary-json {
     display: none; }
+  .js-toggle-summary-json_hide {
+    display: none; }
+
 .sentences {
   min-width: 732px; }
   .sentences--filters {
diff --git a/public/js/demo.js b/public/js/demo.js
index 80eee45d..acc17347 100755
--- a/public/js/demo.js
+++ b/public/js/demo.js
@@ -65,6 +65,8 @@ function allReady(thresholds, sampleText) {
       $socialGraph = $('.summary-social-graph'),
       $summaryJsonButton = $('.js-toggle-summary-json'),
       $summaryJson = $('.js-summary-json'),
+      $summaryJsonView = $('.js-toggle-summary-json_show'),
+      $summaryJsonHide = $('.js-toggle-summary-json_hide'),
       $summaryJsonCode = $('.js-summary-json .json--code'),
       $emotionFilters = $('.filters--emotion'),
       $writingFilters = $('.filters--writing'),
@@ -435,6 +437,8 @@ function allReady(thresholds, sampleText) {
 
   $summaryJsonButton.click(function() {
     $summaryJson.toggle();
+    $summaryJsonView.toggle();
+    $summaryJsonHide.toggle();
   });
 }
 
diff --git a/views/index.ejs b/views/index.ejs
index f10bbab8..1e015d42 100755
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -135,7 +135,8 @@
           <span class="icon-hyperlink summary-view-code-button">
   					<img class="icon icon-code" src="images/icons/code.svg" />
   					<button class="base--a icon-hyperlink--button_BLANK js-toggle-summary-json" href="">
-  						View JSON
+  						<span class="js-toggle-summary-json_show">View JSON</span>
+              <span class="js-toggle-summary-json_hide">Hide JSON</span>
   			    </button>
   			  </span>
         </div>