images not showing up in tab body on class change in IE

Posted by user347352 on Stack Overflow See other posts from Stack Overflow or by user347352
Published on 2010-05-21T20:14:23Z Indexed on 2010/05/21 20:20 UTC
Read the original article Hit count: 174

Filed under:
|
|
|

I can't get any images to show up when I'm using IE with these makeshift tabs I made, everything shows up and space is allocated for the image but the image doesn't show up when I change the class. I'm using the css property visiblity to make it work.

function findJournalId(d){
                  var parent=jQuery(d).parent();         
                        while(!parent.hasClass("journal-content-article"))
                                 {
                                   parent=parent.parent();
                                 }

                                 var parentID=parent.attr("id");
                                 var ret="#"+parentID.replace(/(:|\.)/g,"\\$1");                       
                                 return ret;
                               };/*]]>*/
                               </script>
                               </head>
                               <body>
                               <div class="journal-content-article" id="article_66742_350610_1.0">
                               <ul id="newsTabs">
                                  <li class="tab">
                                   <a class="1">first tab</a>
                                  </li>
                                 <li class="tab">
                                   <a class="2">second tab</a>
                                 </li>
                                 <li class="tab">
                                   <a class="3">third tab</a>
                                 </li>
                                 </ul> 

                                  <div class="news 1"> 
                                    This is the first portlet
                                    <img width="200px" src="banner head.jpg" />
                                  </div> 
                                  <div class="news 2">
                                   what up 2
                                  </div>
                                 <div class="news 3">
                                   hello 3
                                 </div>

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about visibility