UnOrdered List using JQuery


Source code : 


 <script type="text/javascript" src="jquery.js"></script>
<script>
//-1------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#IonSources").mouseenter(function() {
jQuery('ul#ionlist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#IonSources").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#ionlist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-2------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Magnetrons").mouseenter(function() {
        jQuery('ul#maglist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Magnetrons").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#maglist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-3------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#SolarCells").mouseenter(function() {
        jQuery('ul#sollist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#SolarCells").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#sollist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-4------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#ChemicalVapor").mouseenter(function() {
        jQuery('ul#chelist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#ChemicalVapor").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#chelist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-5------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Inspection").mouseenter(function() {
        jQuery('ul#inslist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Inspection").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#inslist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-6------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Lithography").mouseenter(function() {
        jQuery('ul#litlist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Lithography").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#litlist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-7------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Measurement").mouseenter(function() {
        jQuery('ul#mealist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Measurement").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#mealist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-8------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Microscopes").mouseenter(function() {
        jQuery('ul#miclist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Microscopes").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#miclist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-9------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Photoresists").mouseenter(function() {
        jQuery('ul#pholist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Photoresists").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#pholist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-10------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Wafers").mouseenter(function() {
        jQuery('ul#waflist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Wafers").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#waflist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-I1------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Components").mouseenter(function() {
        jQuery('ul#complist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Components").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#complist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-------------------------------------------
//-I2------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Equipments").mouseenter(function() {
        jQuery('ul#equilist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Equipments").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#equilist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-------------------------------------------
//-I3------------------------------------------
 jQuery(document).ready(function(){
    jQuery("li#Materials").mouseenter(function() {
        jQuery('ul#matelist').css("display","block");
        jQuery('span.popin_header_button').css("display","none");
    });

    jQuery("li#Materials").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#matelist').css("display","none");
            jQuery('span.popin_header_button').css("display","block");
        },999);
    });
})
//-------------------------------------------



</script>
Semi conductors
<ul id="head2">
<li id="Components">Components
<ul id="Complist" style="display: none;">
<li>Deposition Controllers/Monitors</li>
<li>E-beam Guns & Power Supplies</li>
<li id="IonSources">Ion Sources
<ul id="ionlist" style="display: none;">
<li>Gridless</li>
<li>Plasma</li>
</ul>
</li>
<li>Magnetic Fluid Feedthroughs</li>
<li id="Magnetrons">Magnetrons
<ul id="Maglist" style="display: none;">
<li>Circular</li>
<li>Cylindrical</li>
<li>Rectangular</li>
<li>Rotating</li>
</ul>
</li>
<li>Solar Cells</li>
<li>MEMS Sensors</li>
<li>Plasma Power Supplies</li>
<li>Residual Gas Analyzers</li>
<li id="SolarCells">Solar Cells
<ul id="Sollist" style="display: none;">
<li>Space Grade</li>
</ul>
</li>
<li>Water Vapor Cryotraps</li>
</ul>
</li>
<li id="Equipments">Equipments
<ul id="Equilist" style="display: none;">
<li id="ChemicalVapor">Chemical Vapor Deposition Systemss
<ul id="Chelist" style="display: none;">
<li>Plasma enhanced chemical vapor deposition systems</li>
</ul>
</li>
<li>Component Decaping Systems</li>
<li>Die Shear/Wire Pull Tester</li>
<li id="Inspection">Inspection Systems
<ul id="inslist" style="display: none;">
<li>IR Inspection</li>
<li>Scanning Acoustic Microscope</li>
</ul>
</li>
<li id="Lithography">Lithography Systems
<ul id="litlist" style="display: none;">
<li>Exposure Systems</li>
<li>Maskless Lithography Systems</li>
</ul>
</li>
<li id="Measurement">Measurement Systems
<ul id="mealist" style="display: none;">
<li>Thin Film Measurement Systems</li>
</ul>
</li>
<li id="Microscopes">Microscopes
<ul id="miclist" style="display: none;">
<li>Magnification Microscopes</li>
<li>Non-contact Depth Measuring Microscopes</li>
</ul>
</li>
<li>Physical Vapor Deposition Systems</li>
<li>Reactive Ion Etching Systems</li>
<li>Resistivity Measurement Systems</li>
<li>Wafer Bonding Systems</li>
<li>Wafer Dicing Machines</li>
<li>Wafer Grinding, Lapping & Polishing Machines</li>
<li>Waste Gas Management Systems</li>
<li>Waste Water Management Systems</li>
<li>Wet Etching Systems</li>
<li>Cooperation with Semi-Conductor foundry for development of networking & power semi-conductors</li>
</ul>
</li>
<li id="Materials">Materials
<ul id="matelist" style="display: none;">
<li>Adhesives/Epoxies</li>
<li>Bare Dies</li>
<li>Bonding Wires</li>
<li>Cleanroom/ESD Consumables</li>
<li>Mask Carriers</li>
<li>Packages</li>
<li>Photomasks</li>
<li id="Photoresists">Photoresists
<ul id="pholist" style="display: none;">
<li>Lift-off</li>
<li>Negative (SU-8)</li>
<li>PMMA</li>
</ul>
</li>
<li>Positive</li>
<li>Planar Diffusion Sources</li>
<li>Quartz Crystals</li>
<li>Sputtering Targets</li>
<li>Wafer Carriers</li>
<li>Wafer Handling</li>
<li id="Wafers">Wafers
<ul id="waflist" style="display: none;">
<li>Gallium Arsenide</li>
<li>Germanium</li>
<li>Glass</li>
<li>InP</li>
<li>Platinized Silicon</li>
<li>Sapphire</li>
<li>Silicon</li>
</ul>
</li>
</ul>
</li>
</ul>

OutPut:

Comments