Simple script not working in IE7
<p>I have a simple script that toggles between two divs. It works in IE9 but not in IE7. I am not a js guy so any help would be appreciated.</p>

<p>Upon load the solutions div shows, when you click on the industry button the expected behavior is for solutions to disapear and industry to be in it's place. What happens is industry appears below solutions.</p>

<pre><code>&lt;script type="text/javascript"&gt;
  function showHide(whitchOne) {
    var d1 = document.getElementById('solutions'), s1 = d1.style.display;
    var d2 = document.getElementById('industry'), s2 = d2.style.display;
    d1.style.display = s1=='block'||whitchOne==2? 'none' : 'block';
    d2.style.display = s2=='block'||whitchOne==1? 'none' : 'block';
    return false;     
  }  
&lt;/script&gt;

&lt;input class="radioWrap" type="radio" name="toggle" checked="checked" value="solutions"  onclick="showHide('solutions')" /&gt;

&lt;input class="radioWrap" type="radio" name="toggle" value="industry" onclick="showHide('industry')" /&gt;

&lt;div id="solutions" style="display:block;"&gt;Solutions&lt;/div&gt;
&lt;div id="industry" style="display:none;"&gt;Industry&lt;/div&gt;
</code></pre>
