Disable Wordpress auto <p> tag for specific input element only
<p>I know I can prevent Wordpress from adding <code>&lt;p&gt;</code> tags entirely. However, this is <b>not an option</b> as I have to deal with an entire post archive which counts on these tags, and I am not going back in time to fix every post manually.</p>

<p>So my question is, how can I disable the auto <code>&lt;p&gt;</code> tag for one page or even one element only? Specifically, I am using the CSS code <code>.jumpsection:focus + #section-nav-menu {visibility: visible;}</code> for the HTML below:</p>

<pre><code>&lt;div id="section-nav"&gt;
  &lt;input type="text" value="GO TO SECTION" class="jumpsection"&gt;&lt;p&gt;&lt;/p&gt;&lt;!-- Grrr...Wordpress :( --&gt;
  &lt;div id="section-nav-menu"&gt;
    &lt;ul class="contain"&gt;
      &lt;li class="section-nav-item"&gt;&lt;a href="#s1"&gt;SECTION 1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="section-nav-item"&gt;&lt;a href="#s2"&gt;SECTION 2&lt;/a&gt;&lt;/li&gt;
      &lt;li class="section-nav-item"&gt;&lt;a href="#s3"&gt;SECTION 3&lt;/a&gt;&lt;/li&gt;
      &lt;li class="section-nav-item"&gt;&lt;a href="#s4"&gt;SECTION 4&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>In other words, if I click on the input "GO TO SECTION", the section-nav-menu changes from <code>visibility: hidden;</code> to <code>visibility: visible;</code> which worked before I turned the auto <code>&lt;p&gt;</code> tag back on. But as you can see in the HTML, Wordpress adds <code>&lt;p&gt;&lt;/p&gt;</code> after the input element, which to my big frustration breaks the functionality of <code>:focus</code>.</p>

<p>If temporarily disabling the auto tags is not possible, any workaround for this specific problem (getting this pure CSS on-click dropdown to work) is also very appreciated!!</p>