用JQuery上下切换span标签

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();
    });
});

一切都保持一致。你可以在这里看到一个例子。单击按钮切换“图像”(这只是alt文本，因为我没有访问您的实际图像)。这能解决你的问题吗？