Hide response text on new request

Author: Emmanouil Konstantinidis

rest_framework_docs/static/rest_framework_docs/js/index.js

@@ -33,7 +33,8 @@ $( document ).ready(function() {
     $('#responseStatusCode').removeClass(function (index, css) {
       return (css.match (/(^|\s)label-\S+/g) || []).join(' ');
     });
-    $('#responseStatusText').text('');
+    $('#responseStatusText').hide();
+    $('#responseStatusText').find('span').text('');
     $('#responseData').html('');
     $('#saveTokenButton').hide();
     $('#responseData').parent().hide();
@@ -62,12 +63,13 @@ $( document ).ready(function() {
         break;
     }
 
-    $('#responseData').parent().show();
-
     $('#responseStatusCode').text(response.status);
     $('#responseStatusCode').addClass(statusCodeClass);
 
-    $('#responseStatusText').text(response.statusText.toLowerCase());
+    $('#responseStatusText').show();
+    $('#responseStatusText').find('span').text(response.statusText.toLowerCase());
+
+    $('#responseData').parent().show();
     $('#responseData').html(jsonPP.prettyPrint(response.responseJSON));
 
     // Setup token store

rest_framework_docs/templates/rest_framework_docs/home.html

@@ -128,7 +128,7 @@ <h5 class="section-title" id="headerData"><span>Data</span></h5>
 
             <div class="col-md-6 response">
               <h3>Response <span id="responseStatusCode" class="label status-code pull-right"></span></h3>
-              <div><strong>Status Text</strong>: <span class="status-text" id="responseStatusText"></span></div>
+              <div id="responseStatusText"><strong>Status</strong>: <span class="status-text"></span></div>
               <pre><code id="responseData"></code></pre>
               <div class="well well-default text-center" id="saveTokenButton">
                 <button class='btn btn-info'><i class='fa fa-key'></i> Save Token</button>