xsl css jquery - 隐藏的div仍显示空间

Question

XSL示例：

<xsl:choose>            
        <xsl:when test="../@id='35'">                
            <strong><xsl:value-of select="."/><br /></strong>
        <font class="uportal-channel-text">
        <input name="response35" value="Yes" type="radio" onclick="show()"></input>Yes&nbsp;
        <input name="response35" value="No" type="radio" onclick="hide()"></input>No&nbsp; <br /><p></p>            
        </font>
        </xsl:when>
        <xsl:when test="../@id='36'">                
            <div class="show1 hidden"><div id="ask-heading"><strong><xsl:value-of select="."/><br /></strong></div></div>
        </xsl:when>
        <xsl:when test="../@id='37'">                
            <div class="show1 hidden">
                <strong><xsl:value-of select="."/><br /></strong>
                <font class="uportal-channel-text">
                <textarea cols="20" rows="1" name="response37" maxlength="255"></textarea>
                <br />  <p></p>            
                </font>
            </div>
        </xsl:when></xsl:choose>

注意每个部分上的div class = hidden。那个jquery和css是这样的：

<style>
        .hidden{display: none;}         
    </style>
    <script type="text/javascript">
        function show(){
            $('.show1').removeClass('hidden');
        }
        function hide(){
            $('.show1').addClass('hidden');
        }
    </script> 

当onclick事件发生在xsl选择顶部的id = 35部分时，addClass和removeClass正常工作。

问题是，class = hidden的默认部分显示空格 屏幕截图：

当我在常规html中测试时，显示无法正常工作，没有空格。任何援助将不胜感激。我想摆脱那个空白区域，并在最后一个问题下将提交按钮放在它所属的位置。

提前致谢

更新： 我在查看html时看到了问题 - 来自数据库的其他一些模板或数据调用正在为每个问题添加<br /><p></p>。

<div class="show1 hidden">
   <strong>Total enrollment:
   <br />
   </strong><font class="uportal-channel-text">
   <textarea maxlength="255" name="response37" rows="1" cols="20"></textarea>
   <br /><p></p></font>
</div>
<br>
<p></p>

这超出了我的div class = hidden

所以，一旦我可以消除它，它应该合作。

Answer 1

查看原始html输出后，页面中包含的模板在它们之间有<br />标记，从而导致额外的空间。

删除这些内容后，会从页面中删除间距。