使用 JQuery 打开和关闭 span 标签

Question

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

我正在使用跨度标记，因为我希望内容在切换时与行上的其余数据内联。在页面加载时，我要切换的图像显示为内联并位于正确的位置，但是在切换图像时，图像重新出现在屏幕上它应该打开的行的其余内容下方的一行上。

有什么建议吗？

提前致谢。

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。单击按钮以切换“图像”（现在只是替代文本，因为我无权访问您的实际图像）。这能解决您的问题吗？