title: i want to keep show social icon with js
body: <p>i have js script for button when i click it show social icon and  when i click back its hide. but i want to keep show all social icons. below is my js scipt.`// Bind the social button to show/hide the social icons box</p>
  
  <pre><code>        $('#social-pop-out-trigger').click(function() {
          var $allBoxes = $('.footer-pop-out-box');
          if ($allBoxes.is(':animated')) {
              return false;
          }
  
          var $thisBox = $('.social-pop-out-box');
          if ($thisBox.is(':visible')) {
              $thisBox.slideUp();
          } else {
              if ($allBoxes.is(':visible')) {
                  $allBoxes.filter(':visible').slideUp(function() {
                      $thisBox.slideDown();
                  });
              } else {
                  $thisBox.slideDown();
              }
          }
  
          return false;
      });
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#social-pop-out-trigger').click(function() {
     var $allBoxes = $('.footer-pop-out-box');
     if ($allBoxes.is(':animated')) {
      return false;
     }
  
     var $thisBox = $('.social-pop-out-box');
     if ($thisBox.is(':visible')) {
      $thisBox.slideUp();
     } else {
      if ($allBoxes.is(':visible')) {
       $allBoxes.filter(':visible').slideUp(function() {
        $thisBox.slideDown();
       });
      } else {
       $thisBox.slideDown();
      }
     }
  
     return false;
    });</code></pre>
  </div>
  </div>
  </p>
  
  <pre><code>        $('#social-pop-out-trigger').click(function() {
          var $allBoxes = $('.footer-pop-out-box');
          if ($allBoxes.is(':animated')) {
              return false;
          }
  
          var $thisBox = $('.social-pop-out-box');
          if ($thisBox.is(':visible')) {
              $thisBox.slideUp();
          } else {
              if ($allBoxes.is(':visible')) {
                  $allBoxes.filter(':visible').slideUp(function() {
                      $thisBox.slideDown();
                  });
              } else {
                  $thisBox.slideDown();
              }
          }
  
          return false;
      });`
  </code></pre>