Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › JavaScript › CSS+HTML collapse&expand in IE and Chrome

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 2, 2014 at 11:21 pm #174432
    jaden5165
    Participant
    <!DOCTYPE html>

<html lang='en'>
<head>
  <meta name=keywords content="VTPSim, Pattern Validation">
  <meta name=description
  content="VTPSim is POR Test Pattern Validation tool used by chipset, server chipset, netcomm products.">
  <title>
      VTPSim V3 Module
  </title>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#example_tree').find('SPAN').click(function(e){
    $(this).parent().find('UL').toggle();
});
 $('#example_tree').find('SPAN').click();
});
</script>
</head>

<body>
<UL id="example_tree">
<LI><span><h2 class="pointer" style="color:blue;font-size:14px"><u>vrsMerge</u></h2></span>
        <UL>
            <LI><span><a href="http://vtpsim.xx.com/v3/doc/vTPSim_v3_vrsMerge_1032.ppt">vrsMerge</a></span></LI>
            <!-- <LI><span><a href="">Add new vrsMerge doc here</a></span></LI> -->
            <p><strong>vrsMerge Release Note:</strong></p>
            <ul>
              <li><a href="http://vtpsim.xx.com/v3/doc/vtpsim_v3_vrsMerge_1.0e29_rn.doc">v1.0e29 Engineering Release</a></li>
            </ul>
        </UL>
      </LI>
</UL>
</body>
</html>

    I use the above code,however I see some issue when I view with IE browser.
    Chrome
    IE

    The IE browser view did not show content under “vrsMerge Release Note” as compared with Chrome.I hope you can help me on fixing this. Thanks a lot. :)

    July 5, 2014 at 9:07 pm #174770
    jaden5165
    Participant

    Hi,

    I think i am using IE9 below.Not IE11.

    July 5, 2014 at 10:19 pm #174771
    wahhabb
    Participant

    I tried creating a CodePen to reproduce the problem: See http://codepen.io/anon/pen/rLuKz . Running IE9 under IETester in Parallels, I still get good visuals. All I can suggest is using IE’s debug menu (F12). Select the missing item in the HTML portion of the window, check its styling, and see what is going on.

    Good luck!

    July 6, 2014 at 12:33 am #174776
    Paulie_D
    Member

    I also note some “unusual” HTML elements…<u> for instance.

    It’s been removed the the HTML5 spec and should no longer be used.

    Also…<span> elements should not contain block-level elements likeh2.

    And…the HTML structure is wrong…

    You cannot have a p inside a ul as a direct child, only li are allowed…did you close that li too soon?

    Quick, tidied version of the previous Codepen(with updated JQ).

    http://codepen.io/Paulie-D/pen/LqAzu

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.