Меню на jquery - tabs & slider в одном

Тема в разделе "Другие языки", создана пользователем funest, 6 июл 2011.

Модераторы: Цукер
  1. funest

    funest Постоялец

    Регистр.:
    2 июл 2007
    Сообщения:
    145
    Симпатии:
    38
    Привет, есть меню такого плана:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Menu - tabs & slider</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        $("#navigation .menu .parent a").click(function(){  
            $("#navigation .menu .parent ul").animate({  
                height: "105px"
            });  
            $(this).siblings("#navigation .menu .parent ul").fadeIn();
    		return false;  
        });
    });
    </script>
    <style>
    #navigation{background:#09F; height:51px; padding:0 0 5px 43px; position:relative; z-index:10; width:960px; margin:0 auto;}
    #navigation ul{list-style-type:none;}
    #navigation ul li{float:left;}
    #navigation ul li a{color:#fff; font-size:14px; text-decoration:none; display:block; margin-top:1px; padding:28px 36px 3px 36px;}
    #navigation ul li a:hover{background:#06C;}
    #navigation ul li ul{background:#666; display:none; left:0px; width:960px; position: absolute; top:51px; z-index:5px}
    #navigation ul li ul li a{background:none; color:#bacbd9;}
    #navigation ul li ul li a:hover{background:none;}
    </style>
    </head>
    <div id="navigation">
    	<ul class="menu">
        	<li class="item1"><a href="/"><span>About</span></a></li>
            <li class="item2"><a href="/"><span>Services</span></a></li>
            <li class="parent item3"><a href="/"><span>Expertise</span></a>
            	<ul>
                	<li class="item8"><a href="/"><span>Executive Search</span></a></li>
                    <li class="item9"><a href="/"><span>Technology</span></a></li>
                    <li class="item10"><a href="/"><span>Communication</span></a></li>
                </ul>
            </li><li class="parent item4"><a href="/"><span>Ahead</span></a>
            	<ul>
                	<li class="item11"><a href="/"><span>Arcus Video</span></a></li>
                    <li class="item12"><a href="/"><span>Our philosophy</span></a></li>
                </ul>
            </li>
            <li class="item5"><a href="/"><span>News</span></a></li>
            <li class="item6"><a href="/"><span>Downloads</span></a></li>
            <li class="item7"><a href="/"><span>Testimonials</span></a></li>
        </ul>
    </div>
    <body>
    </body>
    </html>
    
    Нужно создать меню - табы и слайдер.
    Пример, в точности как на сайте:
    http://www.ibm.com/us/en/
    у них спи...ть не удалось :nezn:
    То что вышло, совсем далеко от нужного