Click here to Skip to main content
15,038,237 members
Please Sign up or sign in to vote.
2.00/5 (1 vote)
I have categories and its subcategories list...I need to display subcategories when mouse move over the category or click the category...Just check the site[^] .... I need to show categories and subcategories like the link.. categories in one column, subcategories in another colunm...

1 solution

I trimmed the same code for you hope, it'll help you to write your own Code...
please don't copy and paste.
write your own code.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">


<link rel="stylesheet" type="text/css" href="" media="screen" /> <!-- Layout Css you can define yours -->
<link rel="stylesheet" type="text/css" href="" media="screen" /> <!-- This is brining Image of the category-->
<link rel="stylesheet" type="text/css" href="" media="screen" />
<script type="text/javascript" src=""></script>
<body class="IN posting-categories">
<!-- the-content LAST GENERATED=Tue, 01 Apr 2014 06:54:10 GMT-->

<div class="posting-page">
<div id="supercontainer">
  <div id="category-posting" class="corner-radius">
<div id="home" class="ab-cs">
<h3><span>1</span> Select a category:</h3>
<li id="c-830">
<b class="icon-830"></b>Mobiles & Tablets
                            <b class="icon-arrow_right"></b>
<h3><span>2</span> Select a subcategory:</h3>
<li id="c-831">
<a href="">Mobile Phones</a>
<li id="c-857">
<a href="">Tablets</a>
<li id="c-832">
<a href="">Mobile Accessories</a>

<script type="text/javascript" charset="iso-8859-1" src=""></script>
<!-- Begin JsEnqueuer -->

<script type='text/javascript' >//<![CDATA[

    jQuery('#home.ab-cs > ul > li').mouseenter(function(e) {

        if(jQuery('.cat-activa').length == 0) {
            if(jQuery(this).parent().find('').length == 0) {
                lastDisplayedL2 = this;
            else {
                var _this = this;
                if(setTimer) {
                setTimer = setTimeout(function(){
                    lastDisplayedL2 = _this;


_gaqEvent.push(function() {
    jQuery(document).click(function(e) { return _olxga.catchLinkDomain(e); });
loadSessionInfo(1, {"seoArea":"India","currentHost":"","searchPages":"http:\/\/\/list.php","dynamicSearchCategory":"http:\/\/\/nf\/cat-CATEGORY\/KEYWORDS","dynamicSearch":"http:\/\/\/nf\/search\/KEYWORDS"});
//]]></script><!-- End JsEnqueuer -->

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900