jquery javascript equivalent
<p>I use too much jquery</p>

<p>I want to do this with out jquery:</p>

<pre><code>&lt;a onclick="javascript:$(this).next().css('display', 'none')"&gt;
</code></pre>

<p>I thought it was this:</p>

<pre><code>&lt;a onclick="javascript:this.nextSibling.style.display = 'none'"&gt;
</code></pre>

<p>But its not.  Style returns undefined.</p>

<p>Let me clarify:</p>

<p>I want to do this:</p>

<pre><code>&lt;a class="errorToggle"&gt;error&lt;/a&gt;
&lt;div style="padding-left:20px;margin:0 0 10px 0;display:none;"&gt;

&lt;h4&gt;A PHP Error was encountered&lt;/h4&gt;

&lt;p&gt;Severity: &lt;?php echo $severity; ?&gt;&lt;/p&gt;
&lt;p&gt;Message:  &lt;?php echo $message; ?&gt;&lt;/p&gt;
&lt;p&gt;Filename: &lt;?php echo $filepath; ?&gt;&lt;/p&gt;
&lt;p&gt;Line Number: &lt;?php echo $line; ?&gt;&lt;/p&gt;

&lt;/div&gt;

&lt;script type="text/javascript"&gt;
  $(".errorToggle").click(function(){
    $(this).next().css("display", "block");
  });
&lt;/script&gt;
</code></pre>

<p>Without jQuery BECAUSE this is a code igniter error view file that quite often will load before my header does, so I will not have access to jquery.  It doesn't need to be pretty, or well coded, just work.  This will not be used in production.</p>
