Показать сообщение отдельно
  #21 (permalink)  
Старый 01.03.2013, 02:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,118

Mukhtar, у меня всё ок!
<!DOCTYPE HTML>
<html>
    
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
            
        </script>
        <script type="text/javascript">
            $(function () {

                $("#home").fadeIn(500);

                $("ul li").on("click", function () {
                    var id = $(this).data("section");
                    var elem = $(this);

                    $("section:visible").fadeOut(function () {
                        $("ul li").removeClass("active");
                        $(id).fadeIn();
                        elem.addClass("active");
                    });
                });

                hash = document.location.hash;
                if (hash != '') {
                    $("ul li a[href='" + hash + "']").click();
                }
            });
        </script>
    </head>
    
    <body>
        <ul class="nav nav-pills">
            <li class="active" data-section="#home">
                <a href="#home">Продукты</a>
            </li>
            <li class="" data-section="#about">
                <a href="#about">О компании</a>
            </li>
        </ul>
        <section id="home">FIRST PAGE</section>
        <section id="about">SECOND PAGE</section>
    </body>

</html>
Ответить с цитированием