title: animating width of div using percentages width Jquery
body: <p>I have the following working code and I want to change it as so it uses percentages for width intead of 400px. How could I acomplish that?
  Specifically, I want it to go from an intial width of 25%  to 0 and back to 25% once the button is clicked again. 
  Also, using the same show_hide_button how could I change the width of an aditional div as so it will switch between 75% and 100%. 75% intial, 100% when button is clicked and back to 75% when button is clicked again. </p>
  
  <p>Here is what I have: </p>
  
  <pre><code>$(document).ready( function(){
      $('#show_hide_button').click( function() {
          var toggleWidth = $("#some_box").width() == 400 ? "0" : "400px";
          $('#some_box').animate({ width: toggleWidth });
      });
  });
  </code></pre>
  
  <p>I will really appreciate any help! </p>