JQuery AJAX и подменю - PullRequest
Новая
       5

JQuery AJAX и подменю

1 голос
/ 21 июня 2011

Привет всем, когда я впервые пишу здесь, простите мой английский за ошибки!

ну, я довольно новичок в jquery и java, но я учусь день за днем, и я нашел веб-страницу очень хорошей

http://tympanus.net/codrops/2011/03/09/animated-content-menu/

В демонстрационной части этой учебной веб-страницы у вас есть меню, и когда вы щелкаете по нему, оно отменяется, и конкретное подменю зависит от элемента выбранного вами меню.

  1. Мой первый вопрос: я знаю, как сделать меню видимым, когда щелкаю по одному элементу, но я не знаю, как закрыть подменю, щелкнув по другому элементу меню. В демонстрационной версии по умолчанию у вас есть крестик, который вы нажимаете, чтобы удалить подменю и снова открыть меню. Я надеюсь, что это объяснение имеет смысл.

  2. Второй вопрос заключается в том, как, когда вы попадаете на главную страницу, показывать непосредственно подменю одного элемента меню, потому что по умолчанию в демо-версии оно отображается с пустым содержимым и только фоном.

Большое спасибо за каждый ответ. Ричард

1 Ответ

0 голосов
/ 21 июня 2011

Так что для вашего первого вопроса у них есть разметка вроде: 

<ul id='menu'>
    <li>
        <a href="#">Menu 1</a>
        <div>Content goes here</div>
    </li>
    <li>
        <a href="#">Menu 2</a>
        <div>Content goes here</div>
    </li>
</ul>

И у вас будет такой скрипт: 

var anchors = $("#menu a").click(function(e){
    e.preventDefault();
    var clicked = this;
    $(this).siblings('div').show();
    anchors.filter(function(index) {
        return this !== clicked;
    }).siblings('div').hide();
});

Чтобы показать что-то, как только вы попадете на страницубудет делать: 

$("#menu a:first").click();
...