title: Element with hidden css not changing with javascript .show()
body: <p>I have a dropdown list that I am hiding on initialization since it's not needed unless the client actually selections a specific radiobuttonlist object. I'm presently setting it to false through </p>
  
  <pre><code>dlInterval.Attributes.CssStyle[HtmlTextWriterStyle.Visibility] = "hidden";
  </code></pre>
  
  <p>However, attempting to change this through javascript on selection, is failing, at present, I have my code set up to execute as such.</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
      $(document).ready(function () {          
          $("#&lt;%=rblVectorChoices.ClientID%&gt;").click(function() {
              var intVectorSelectedIndex = $('#&lt;%=rblVectorChoices.ClientID %&gt; input[type=radio]:checked').val();
              $("#&lt;%=dlInterval.ClientID %&gt;").style.visibility="visible";
              if (intVectorSelectedIndex == 1) {
                  $("#&lt;%=dlInterval.ClientID%&gt;").show();
              } else {
                  $("#&lt;%=dlInterval.ClientID%&gt;").hide();
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>As you can see I'm currently attempting to change the visibility from hidden, back to visible, yet I am receiving an error in the browser console '<em>TypeError: Cannot set property 'visibility' of undefined</em>'</p>
  
  <p>This doesn't make much sense to me, as the field <strong>should</strong> be hidden, and not just null. What is causing this to happen, and what is a good solution for such a thing?</p>