JQuery переходы страницы

Question

JQuery переходы страницы

0

У меня есть следующее

<body>
    <div class="sidebar"></div>
    <div class="main">

        <div class="page-1">
            <p>Page 1</p>
            <button id="btn-page2">Go to Page 2</button>
        </div>

        <!-- Other Pages --> 
        <div class="page-2">
            <p>Page 2</p>
        </div>

    </div>


</body>

Я пытаюсь следовать тому же принципу JQuery mobile, имея все страницы в одном документе HTML.

При загрузке страницы должен отображаться только div с классом page-1. Однако при нажатии кнопки с идентификатором btn-page2 вторая страница должна отображаться вместо первой.

Я решил, что я могу добавить класс.active-page на видимую страницу с отображением: block as attribute.

Тем не менее, я также хочу сгладить вторую страницу снизу плавно.

Какие-либо предложения?

Ashis Kumar 24 сен. 2013, в 12:33

Источник

Теги:

javascript

jquery