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

現在一切都保持內聯。 您可以在此處查看示例 。 單擊該按鈕可切換“圖像”（這只是替代文字，因為我無權訪問您的實際圖像）。 這樣可以解決您的問題嗎？