Activation et désactivation de la balise span span avec JQuery

Question

J'essaie d'activer ou de désactiver le contenu d'une balise span à l'aide d'une fonction jquery. J'utilise une balise span, car je veux que le contenu soit en ligne avec le reste des données sur la ligne quand il est basculé. Au chargement de la page l'image que je veux basculer apparaît en ligne et dans la position correcte, mais en basculant l'image re apparaît sur l'écran sur une ligne ci-dessous le reste du contenu de la ligne est supposé être sur.

Des suggestions?

Merci d'avance.

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

Le code affiché me embrouille un peu. J'ai changé votre jQuery un peu pour que les éléments se cachent ou s'affichent en fonction du clic du bouton. (. En ce moment, il semble que vous êtes juste caché basé sur le bouton clic) Donc, maintenant le jQuery ressemble à ceci:

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

Tout reste en ligne maintenant. You can see an example here. Cliquez sur le bouton pour basculer les "images" (qui sont juste le texte alt en ce moment car je n'ai pas accès à vos images réelles). Cela corrige-t-il votre problème?