JQuery показать / скрыть функцию почти там

Question

JQuery показать / скрыть функцию почти там

0

Мне нужны какие-то простые хитрости, которые я изо всех сил пытаюсь понять.

Здесь мой код JS и скрипка:

$(document).ready(function(){
$("#nav a").click(function(){
  var id =  $(this).attr('id');
  id = id.split('_');
  $("#menu_container div").hide(); 
  $("#menu_container #menu_"+id[1]).show();
 });
});

http://jsfiddle.net/KUtY5/1/

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

Спасибо.

TheGo2Guy 25 апр. 2014, в 19:18

Источник

0

«все, что мне нужно, чтобы изменения имели эффект перехода» Какой эффект перехода?
j08691 25 апр. 2014, в 16:27
0

Это то, что вы хотите?
Pratik 25 апр. 2014, в 16:31

Теги:

jquery

jquery-ui

jquery-plugins

2 ответа

Ещё вопросы

«все, что мне нужно, чтобы изменения имели эффект перехода» Какой эффект перехода?

tymeJV · Answer 1 · 2014-04-25T14-19-00.000Z

Вы можете использовать slide для создания эффекта:

$("#menu_container div").slideUp("slow", function() {
     $("#menu_container #menu_"+id[1]).slideDown("slow");
});

Что касается отображения на странице загрузки, вызовите .show() при загрузке или удалите display:none; в CSS для этого конкретного div.

Felix · Answer 2 · 2014-04-25T13-59-00.000Z

Вы можете использовать .eq(), чтобы получить первый div и показать его по умолчанию и .fadeIn() для эффекта затухания:

$(document).ready(function () {
    $('#menu_container div').eq(0).show();
    $("#nav a").click(function () {
        var id = $(this).attr('id');
        id = id.split('_');
        $("#menu_container div").hide();
        $("#menu_container #menu_" + id[1]).fadeIn();
    });
});

Обновленный скрипт