Le basculement ne fonctionne pas dans IE 7

Question

J'ai deux divs dont j'ai besoin pour basculer entre deux divs tout en faisant cela certains des divs dans mon div principal affichent même si j'utilise la fonction hide() cela n'arrive que dans ie7

function initMakeAPost() 

{ 

    $('questionheaderid').hide(); //hiding the questions section 
    $('MP_questionofday_txtboxid').hide();//hiding the questions answer"textbox and button" section 
    $('recaspotheaderid').hide();//hiding the search by txtspotname and city-spots 
    //$('footer_userpost').hide();//hiding the footer 
    $('makeapostid').show();//show the make a post content 
    $('btnQAPost').hide(); 
    $('footer_userpost').hide(); 
    $('sreetCredContainer').hide(); 
    $('postbtnid_dead').hide(); 
    $('askNextQuestion').hide(); 
    //$('UploadImgContainer').show();// for upload 

} 

Answer 1

Tout d'abord, vos sélecteurs de jquery semblent invalides:

-à-dire:

$('questionheaderid') // matches the tag "questionheaderid" 
$('#questionheaderid') // matches any tag with the id="questionheaderid" 
$('.questionheaderid') // matches any tag with class="questionheaderid" 

Ensuite, les méthodes .hide()/show() ajouter simplement/supprimer l'affichage: aucun style en om l'article correspondant. Si vous avez des feuilles de style CSS supplémentaires dans des feuilles de style séparées ayant une priorité supérieure à celle de la ligne, elles peuvent remplacer tout ce que vous voulez définir avec jquery. Cela peut arriver parfois si vous définissez un état initial dans le fichier CSS et essayez de surcharger avec le style en ligne.

Answer 2

Montrer et cacher sont des choses vraiment simples qui devraient "juste marcher". Si ce n'est pas le cas, j'aimerais voir le balisage correspondant (et éventuellement css). Peut-être qu'il y a quelque chose qui fait que IE se comporte différemment (comme d'habitude). :)

BTW, voici une astuce pour faire cacher/montrer sur un bon nombre d'éléments par ID:

$('id0', 'id1', 'id2', 'id3').invoke('hide'); 
$('id4', 'id5').invoke('show'); 

Il est décrit dans les documents Prototype.js: http://api.prototypejs.org/dom/dollar/