使用jQuery打開和關閉span標記

我想使用jquery函數打開和關閉span標記的內容。使用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>

來源

2010-09-14 Julio

plzSendTheCodez，認真，發佈代碼:) – 2010-09-14 16:37:04

我想你將不得不張貼一些代碼。例如，你如何切換？ $（「。toggle_span」）。toggle（function（）{...或者究竟是什麼？ – 2010-09-14 16:38:22

代碼片段已經到達了夥計.. – Julio 2010-09-14 16:42:26

您發佈的代碼混淆了我一下。我改變了你的jQuery一點，所以項目隱藏或顯示基於點擊按鈕。（現在，看起來你只是基於按鈕點擊而隱藏）所以，現在jQuery看起來像這樣：

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

現在一切都保持內聯。 You can see an example here。點擊按鈕切換「圖像」（現在只是替代文字，因爲我無法訪問您的實際圖像）。這是否解決了您的問題？

來源

2010-09-14 16:50:22 JasCav

嘿！感謝您的反饋沒有機會嘗試它，但它的外觀我可以看到問題可能源於我使用的jquery函數，會讓你知道它是怎麼回事，謝謝。 – Julio 2010-09-14 21:53:24

使用jQuery打開和關閉span標記

回答

相關問題