Как убрать анимацию при смене вкладок?

@zigzag32ru · Регистрация: 04.03.2012

Студворк — интернет-сервис помощи студентам

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

вот само меню чтобы могли посмотреть как оно выглядит: 3412.rar
вот код и css

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!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>jQuery UI Tabs Demo</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-ui-personalized-1.5.2.packed.js"></script>
<script type="text/javascript" src="sprinkle.js"></script>
</head>
<body>
 
        <div id="tabvanilla" class="widget">
 
            <ul class="tabnav">
                <li><a href="#popular">123</a></li>
                <li><a href="#recent">Recent</a></li>
                <li><a href="#featured">Featured</a></li>
            </ul>
 
            <div id="popular" class="tabdiv">
                <ul>
                    <li>-<a href="#">Rescued From Flat Fire</a></li>
                       <li><a href="#">TA Soldiers Wear Uniforms To Work</a></li>
                    <li><a href="#">13 People Rescued From Flat Fire</a></li>
                </ul>
            </div><!--/popular-->
            
            <div id="recent" class="tabdiv">
                <ul>
                    <li>-<a href="#">Zombie Sheep Invasion</a></li>
                         <li><a href="#">Sheep Rising From The Dead</a></li>
                    <li><a href="#">Blogosphere Daily Released!</a></li>
                    <li><a href="#">Apple iPhone 3G Released</a></li>
                    <li><a href="#">Welsh Zombie Sheep Invasion</a></li>
                </ul>
            </div><!--/recent-->
            
            <div id="featured" class="tabdiv">
                <ul>
                    <li><a href="#">Aliens Infiltrate Army Base In UK Town</a></li>
                    <li><a href="#">Are We Alone? A Look Into Space</a></li>
                    <li><a href="#">U2 Rocks New York's Central Park</a></li>
                    <li><a href="#">TA Soldiers Wear Uniforms To Work</a></li>
                    <li><a href="#">13 People Rescued From Flat Fire</a></li>
                    <li><a href="#">US Troops Abandon Afghan Outpost</a></li>
                    <li><a href="#">Sheep Rising From The Dead</a></li>
                    <li><a href="#">Blogosphere Daily Released!</a></li>
                    <li><a href="#">Apple iPhone 3G Released</a></li>
                    <li><a href="#">Welsh Zombie Sheep Invasion</a></li>
                </ul>
            </div><!--featured-->
 
        </div><!--/widget-->
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
* {
margin: 0;
padding: 0;
}
 
body {
font-size: 75%;
color: #222;
background: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.6em;
}
 
.widget {
width: 310px;
margin: 20px;
padding: 10px;
background: #f3f1eb;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}
 
    .widget a {
    color: #222;
    text-decoration: none;
    }
    
    .widget a:hover {
    color: #009;
    text-decoration: underline;
    }
 
    .tabnav li {
    display: inline;
    list-style: none;
    padding-right: 5px;
    }
    
        .tabnav li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #222;
        font-weight: bold;
        padding: 4px 6px;
        outline: none;
        }
        
        .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
        background: #dedbd1;
        color: #222;
        text-decoration: none;
        }
        
    .tabdiv {
    margin-top: 2px;
    background: #fff;
    border: 1px solid #dedbd1;
    padding: 5px;
    }
    
        .tabdiv li {
        list-style-image: url("star.png");
        margin-left: 20px;
        }
 
.ui-tabs-hide {
        display: none;
        }
 
        #featuredvid {
        text-align: center;
        }
        
            .fvid {
            margin-bottom: 5px;
            }
        
            .vidselector li {
            text-align: left;
            list-style: none;
            padding: 5px;
            background: #ffffff;
            border: 1px solid #dedbd1;
            text-transform: uppercase;
            margin-bottom: 5px;
            }

@Weaver · 11.03.2012, 14:19

изменить sprinkle.js:

JavaScript
1
2
3
4
$(document).ready(function() {
  $('#tabvanilla > ul').tabs();
  $('#featuredvid > ul').tabs();
});

Добавлено через 3 минуты
А элемент #featuredvid у Вас наверное на другой странице находится? Если нет, то можно 3 строку удалить

@zigzag32ru · 11.03.2012, 14:31 **[ТС]**

Сообщение от Weaver

изменить sprinkle.js:

JavaScript
1
2
3
4
$(document).ready(function() {
  $('#tabvanilla > ul').tabs();
  $('#featuredvid > ul').tabs();
});

Добавлено через 3 минуты
А элемент #featuredvid у Вас наверное на другой странице находится? Если нет, то можно 3 строку удалить

спасибо за помощь!

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

Как убрать анимацию при смене вкладок?

Решение