Question

我正在尝试使用jquery函数打开和关闭span标记的内容。

我正在使用span标记，因为我希望内容在切换时与行中的其余数据内联。在页面加载时，我想切换的图像以内联和正确的位置显示，但是在切换图像时，屏幕上会出现在其应该打开的行的其余内容下方的一行上。

有什么建议吗？

提前致谢。

TheCodez：

JQuery的：

$(document).ready(function() {
        $('#btnHide').click(function() {
            $('.iotoggle').toggle(0);
        });
        });

HTML（XML / XSL）：

<xsl:choose>
        <xsl:when test="io=1">
        <span class="iotoggle">
            <img src="../images/io/input.png" width="4" height="17" border="0" align="absmiddle" alt="Input"/>
        </span>
        </xsl:when>
        <xsl:when test="io=2">
        <span class="iotoggle">
            <img src="../images/io/output.png" width="4" height="17" border="0" align="absmiddle" alt="Output"/>
        </span>
        </xsl:when>
    </xsl:choose>

Answer 1

你发布的代码让我感到困惑。我改变了你的jQuery，所以项目隐藏或显示基于按钮的单击。（现在，看起来你只是基于按钮点击隐藏了。）所以，现在jQuery看起来像这样：

$(document).ready(function() {
    $('#btnHide').toggle(function() {
        $('.iotoggle').hide();
    }, function() {
        $('.iotoggle').show();
    });
});

现在一切都保持在线状态。 You can see an example here。单击按钮切换“图像”（现在只是替代文本，因为我无法访问您的实际图像）。这会解决您的问题吗？

使用JQuery打开和关闭span标记

1 个答案: