Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 13

Неполадки с меню Аккордеон

15.03.2016, 18:39. Показов 872. Ответов 8
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Не выскакивают аккардеоном пункты
В чем проблема уже запутался. Поскажите, знающие люди.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

 <div class="akkordeon">
        <ul class="vmenu">
            <li><a href="#">Главная</a></li>
            <li><a href="#">О нас</a></li>
            <li><a href="#"><span>Коллективы</span></a>
               <ul class="dropdown">
                   <li><a href="allegro.html"><span>Аллегро</span></a></li>
                   <li><a href="alisa.html"><span>Алиса</span></a></li>
                   <li><a href="anastaisha.html"><span>Анастасия</span></a></li>
               </ul>
            </li>
            <li><a href="#"><span>Галерея</span></a>
                <ul class="dropdown">
                    <li><a href="#"><span>Аллегро</span></a></li>
                    <li><a href="#"><span>Алиса</span></a></li>
                    <li><a href="#"><span>Анастасия</span></a></li>
                </ul> 
            </li>
            <li><a href="#" >Контакты</a></li>
        </ul>
    </div>
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
87
88

.akkordeon {
    width:250px;
    height: 300px;
    margin:50px auto 0;
}
ul.vmenu {
    background-color: url(../img/tooplate_body.png);
    /*border: 1px solid #25272b;    */
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    list-style: none;
    font: 13px Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    overflow:hidden
}
/*ul.vmenu li.home {background:url(../images/home-icon.png) 12px 12px no-repeat}
ul.vmenu li.home:hover {background:url(../images/home-icon.png) 12px -21px no-repeat}
 
ul.vmenu li.about-us {background:url(../images/about-us-icon.png) 12px 12px no-repeat}
ul.vmenu li.about-us:hover {background:url(../images/about-us-icon.png) 12px -23px no-repeat}
 
ul.vmenu li.gallery {background:url(../images/gallery-icon.png) 12px 13px no-repeat}
ul.vmenu li.gallery:hover {background:url(../images/gallery-icon.png) 12px -20px no-repeat}
 
ul.vmenu li.portfolio {background:url(../images/portfolio-icon.png) 12px 11px no-repeat}
ul.vmenu li.portfolio:hover {background:url(../images/portfolio-icon.png) 12px -22px no-repeat}
 
ul.vmenu li.contact {background:url(../images/contact-icon.png) 12px 11px no-repeat}
ul.vmenu li.contact:hover {background:url(../images/contact-icon.png) 12px -22px no-repeat}*/
 
ul.vmenu li a {
    background: url(../images/bg-li-a.png) repeat-x;
    -mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); 
    border-bottom:1px solid #292b30;
    color:##000;
    display:block;
    text-decoration:none;
    padding:10px 10px 10px 40px;
    height:18px;
}
ul.vmenu li:first-child a {box-shadow:none}
ul.vmenu li a:hover {background: url(../images/bg-li-a-hover.png) repeat-x}
ul.vmenu li.parent a span {
    display:block;  
    background:url(../images/arrow-down.png) right center no-repeat;
}
ul.vmenu li.parent a.selected span {background:url(../images/arrow-up.png) right center no-repeat}
 
/******************************* Выпадающие пункты */
ul.vmenu li ul.dropdown {
    height:0;
    overflow:hidden
}
ul.vmenu li ul {
    list-style:none;
    margin:0;
    padding:0;
}
/*ul.vmenu li ul li {
    background:url(../images/dropdown-menu-li.jpg) repeat-x;    
}*/
ul.vmenu li ul li a {
    background:none;
    padding:0;
    height:38px
}
ul.vmenu li ul li a span {
    background: url(../images/menu-dropdown-figure.png) 18px 16px no-repeat !important;
    display:block;
    padding:10px 10px 10px 40px;
}
ul.vmenu li ul li a:hover span {background: url(../images/menu-dropdown-figure.png) 18px -8px no-repeat !important;}
ul.vmenu li ul li a:hover {background:url(../images/dropdown-menu-li-a-hover.jpg) repeat-x}
 
/*конец вертикальное меню   */
Добавлено через 1 час 20 минут
Еще используется вот такой js но когда его подключаю все равно ничего не получается.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$(document).ready(function(jQuery){
//Отключаем родительские ссылки в выпадающих пунктах
   $("li:has(ul.dropdown)").addClass("dropdownLi")
   $("li.dropdownLi > a").click(function(eventObject){return false})
$(function() {
    $("a").bind('click',function() {
        var _this = $(this);        
// Раскрываем текущую ссылку     
_this.toggleClass('selected', 5);
_this.next().toggleClass('dropdown', 500);
// Проходим по другим ссылкам и выключаем активное состояние
   $("a").not(_this).each(function() {
      $(this).next().addClass('dropdown', 500);
      $(this).removeClass('selected', 5);
});
});
});
});
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
 15.03.2016, 18:39
Ответы с готовыми решениями:

Аккордеон меню
Приветствую всех. Есть меню аккордеон. Само по себе работает , но я например открыл пункт и открываю второй , первый в этот момент не...

Аккордеон-раздвижное меню, не правильно раздвигается
Доброго времени суток. Скажу сразу, я новичок, только начал изучать html/css. Суть проблемы: подменю(субменю) уезжает в сторону при...

Оптимизация вида новостей в меню-аккордеон
Захотелось сделать иерархию для страницы новостей. Нашелся подходящий аккордеон, но возникла проблема. Сам пример вот здесь: (на...

8
18 / 18 / 13
Регистрация: 15.03.2016
Сообщений: 107
15.03.2016, 22:19
блин, что-то css кодом

https://jsfiddle.net/1od5aux6/
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

 <ul id="nav2">
                   <li><a href="" id="menu" class="first">Техника</a>
                   <ul>
                        <li><a href="" class="drop">Мини-экскаваторы</a></li>
                        <li><a href="" class="drop">Мини-погрузчики</a></li>
                        <li><a href="" class="drop">Вилочные погрузчики</a></li>
                        <li><a href="" class="drop">Гидробур</a></li>                   
                   </ul>
                   </li>
                   <li><a href="" id="menu">Доп. услуги</a></li>
                   <li><a href="" id="menu">Онлайн-заявка</a></li>
                   <li><a href="" id="menu" class="last">Галерея</a>
                   <ul id="last_menu">
                        <li><a href="" class="drop">Фото</a></li>
                        <li><a href="" class="drop">Видео</a></li>                                         
                   </ul>
                   </li>
                </ul>
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184

ul#nav2 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  outline:0px solid #cc0000;
  height: 196px;
  width: 200px; 
  list-style: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
}
 
ul#nav2 ul li {
    
outline:0px solid #cccccc;
-webkit-border-radius: 7px;
  border-radius: 7px;
}
 
 
 
ul#nav2:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
 
/* 2nd Menu */
ul#nav2 li:hover li a.drop,
ul#nav2 li.iehover li a.drop {
    text-decoration: none;
    height: 34px;
    padding: 13px 0 0 0;
    font: 16px Arial, sans-serif;
    text-align: center;
  background: #666464;
  color: #FCF9F5;
  border:#807D7D 1px solid;
  display: block;
  background-image:url(../img/menu_2drop.png);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
}
 
 
ul#nav2 li:hover li a.drop:hover,
ul#nav2 li:hover li:hover a.drop,
ul#nav2 li.iehover li a.drop:hover,
ul#nav2 li.iehover li.iehover a.drop {
  background: #FFFFFF;
  background-image:url(../img/menu_2.png);
  color: #414141;
  border:#807D7D 1px solid;
  
}
 
 
 
ul#nav2 ul,
ul#nav2 ul ul,
ul#nav2 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  
}
 
 
ul#nav2 li:hover ul ul,
ul#nav2 li:hover ul ul ul,
ul#nav2 li.iehover ul ul,
ul#nav2 li.iehover ul ul ul {
  display: none;
  
}
 
ul#nav2 li:hover ul,
ul#nav2 ul li:hover ul,
ul#nav2 ul ul li:hover ul,
ul#nav2 li.iehover ul,
ul#nav2 ul li.iehover ul,
ul#nav2 ul ul li.iehover ul {
  display: block;
  
}
 
/*last menu*/
 
ul#nav2 ul#last_menu {
  margin: 0;
  border: 0 none;
  padding: 0;
  outline:0px solid #cc0000;
  height: 98px;
  width: 200px; 
  list-style: none;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
 
ul#nav2 ul#last_menu li {
    
outline:0px solid #cccccc;
-webkit-border-radius: 7px;
  border-radius: 7px;
}
 
 
 
ul#nav2:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
 
 
ul#nav2 li:hover li a.drop,
ul#nav2 li.iehover li a.drop {
    text-decoration: none;
    height: 34px;
    padding: 13px 0 0 0;
    font: 16px Arial, sans-serif;
    text-align: center;
  background: #666464;
  color: #FCF9F5;
  border:#807D7D 1px solid;
  display: block;
  background-image:url(../img/menu_2drop.png);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
}
 
 
ul#nav2 li:hover li a.drop:hover,
ul#nav2 li:hover li:hover a.drop,
ul#nav2 li.iehover li a.drop:hover,
ul#nav2 li.iehover li.iehover a.drop {
  background: #FFFFFF;
  background-image:url(../img/menu_2.png);
  color: #414141;
  border:#807D7D 1px solid;
  
}
 
 
 
ul#nav2 ul#last_menu,
ul#nav2 ul#last_menu ul,
ul#nav2 ul#last_menu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 600px;
  
}
 
 
ul#nav2 li:hover ul#last_menu ul,
ul#nav2 li:hover ul#last_menu ul ul,
ul#nav2 li.iehover ul#last_menu ul,
ul#nav2 li.iehover ul#last_menu ul ul {
  display: none;
  
}
 
ul#nav2 li:hover ul#last_menu,
ul#nav2 ul li:hover ul,
ul#nav2 ul ul li:hover ul,
ul#nav2 li.iehover ul#last_menu,
ul#nav2 ul li.iehover ul,
ul#nav2 ul ul li.iehover ul {
  display: block;
  
}
Хреновый пример....выкопал со старого сайта своего...посмотри css ... должен разобраться...собака там зарыта)
0
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 13
16.03.2016, 16:27  [ТС]
Вот полный css код
Проблема со временем нет варианта долго ковырять
Помогите!!!
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278

body {
    margin: 0px;
    padding: 0px;
    color: #666;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.5em; 
    background-color: #b0dfea;
    background-image: url(../img/note3.gif);
    background-repeat: repeat;
    background-position: center top;
}
 
 
 
/*#slider {
    position: relative;
    width: 100%;
}*/
 
#tooplate_wrapper {
    width: 840px;
    padding: 40px 20px;
    margin: 0 auto;
    /*background: url(../images/tooplate_body.jpg) no-repeat top center*/
}
 
#tooplate_sidebar {
    float: left;
    width: 240px;
    background: url(../img/tooplate_content.png);
}
 
#header {
    width: 240px;
    text-align: left;
    margin-bottom: 20px
}
 
#header h1 { 
    margin: 0; 
    padding: 0; 
    height: 60px; 
    display: block;
    text-indent: 0px; 
}
 
/*МЕню*/
/*.menu {
    clear: both;
    width: 200px;
    height: 327px;
    padding: 20px;
    background: url(../img/tooplate_content.png) no-repeat;
    font-family: sans-serif;
    font-size: 14pt;
    text-decoration: none;
}
.nav ul {
    list-style: none; /* Для списка убираем маркеры */
 /*   margin: 0 auto; /* Нет отступов вокруг */
    /*padding: 0; /* Убираем поля вокруг текста */
 /*   width: 2800px;
    height: 100px;
    font-family: sans-serif;
    font-size: 12pt;
    
        
}
ul.nav
{
    list-style-type: none;
}
ul.nav a
{
    /*border-bottom: 1px dashed #666;
    color:#080834;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    
}
 
.nav li ul {
    position: absolute; /* Подменю позиционируются абсолютно */
   /* display: none; /* Скрываем подменю */
   /* margin-left:20px;
    
    }
/*.nav li a {
    display: block; /* Ссылка как блочный элемент*/
   }    
/*.nav li ul li{display: block;}*/
/* .nav li a:hover {
    color: #ffe; /* Цвет текста активного пункта*/
  /*  background-color: #5488af; /* Цвет фона активного пункта*/
  /*  padding-left: 100px;
   }
  .nav li:hover ul { 
      display: block; /* При выделении пункта курсором мыши
      отображается подменю */
  /*    color: #DE6D19;
      padding-left: 100px;
      
  }
/*конец меню*/
 
/*Вертикальное меню.*/
 
.akkordeon {
    width:250px;
    margin:50px auto 0;
}
ul.vmenu {
    background-color: url(../img/tooplate_body.png);
    /*border: 1px solid #25272b;    */
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -o-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    -ms-box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    box-shadow: 0 2px 1px rgba(0,0,0,0.2),inset 1px 1px 0 rgba(255,255,255,0.1);
    list-style: none;
    font: 13px Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    overflow:hidden
}
ul.vmenu li.home {background:url(../images/home-icon.png) 12px 12px no-repeat}
ul.vmenu li.home:hover {background:url(../images/home-icon.png) 12px -21px no-repeat}
 
ul.vmenu li.about-us {background:url(../images/about-us-icon.png) 12px 12px no-repeat}
ul.vmenu li.about-us:hover {background:url(../images/about-us-icon.png) 12px -23px no-repeat}
 
ul.vmenu li.gallery {background:url(../images/gallery-icon.png) 12px 13px no-repeat}
ul.vmenu li.gallery:hover {background:url(../images/gallery-icon.png) 12px -20px no-repeat}
 
 
ul.vmenu li.contact {background:url(../images/contact-icon.png) 12px 11px no-repeat}
ul.vmenu li.contact:hover {background:url(../images/contact-icon.png) 12px -22px no-repeat}
 
ul.vmenu li a {
    background: url(../images/bg-li-a.png) repeat-x;
    -mozbox-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); 
    border-bottom:1px solid #292b30;
    color:##000;
    display:block;
    text-decoration:none;
    padding:10px 10px 10px 40px;
    height:18px;
}
ul.vmenu li:first-child a {box-shadow:none}
ul.vmenu li a:hover {background: url(../images/bg-li-a-hover.png) repeat-x}
ul.vmenu li.parent a span {
    display:block;  
    background:url(../images/arrow-down.png) right center no-repeat;
}
ul.vmenu li.parent a.selected span {background:url(../images/arrow-up.png) right center no-repeat}
 
/******************************* Выпадающие пункты */
ul.vmenu li ul.dropdown {
    height:0;
    overflow:hidden
}
ul.vmenu li ul {
    list-style:none;
    margin:0;
    padding:0;
}
/*ul.vmenu li ul li {
    background:url(../images/dropdown-menu-li.jpg) repeat-x;    
}*/
ul.vmenu li ul li a {
    background:none;
    padding:0;
    height:38px
}
ul.vmenu li ul li a span {
    /*background: url(../images/menu-dropdown-figure.png) 18px 16px no-repeat !important;*/
    display:block;
    padding:10px 10px 10px 40px;
}
ul.vmenu li ul li a:hover span {background: url(../images/menu-dropdown-figure.png) 18px -8px no-repeat !important;}
ul.vmenu li ul li a:hover {background:url(../images/dropdown-menu-li-a-hover.jpg) repeat-x}
 
/*конец вертикальное меню   */
 
/*БЛок Контента*/
#content {
    float: right;
    width: 568px;
    height: 500px;
    background: url(../img/tooplate_content.png) no-repeat
}
 
.content_section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #666
        
}
/*Конец блока контенте*/
 
 
/*Блок ФУТЕРА*/
#footer {
    clear: both;
    width: 840px;
    padding: 0 0 30px;
    margin: 0 auto;
    text-align: right
}
 
#footer a {
    color: #000;
}
 
#social_box {
    height: 85px;
    padding: 0;
    text-align: right;
}
 
#social_box a {
    display: inline-block;
    margin-left: 20px;
    width: 60px; height: 60px;
}
 
/*Конец ФУТЕРА*/
 
*/
/*.navigation li ul{
    list-style: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}*/
 
/*ul.navigation a { 
    display: block;
    padding: 0 0 6px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #666;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;  
}
 
 
 
ul.navigation a:hover,ul.navigation a.selected{
    color: #DE6D19;
    padding-left: 10px;
    display: block;
}
 
ul.navigation a:focus {
    outline: none;
}*/
 
 
 
.hide {
    display: none;
}
0
18 / 18 / 13
Регистрация: 15.03.2016
Сообщений: 107
16.03.2016, 17:56
блин, посмотри, что я скинул...копай в направлении cссылки hovera...у тебя должно быть примерно так...
CSS
1
2

ul.vmenu a:hover li.parent a span {
    display:block;
...а у тебя
CSS
1
2
3
4
5

ul.vmenu li a:hover {background: url(../images/bg-li-a-hover.png) repeat-x}
ul.vmenu li.parent a span {
    display:block;  
    background:url(../images/arrow-down.png) right center no-repeat;
}
Добавлено через 51 секунду
я думаю сам за пару минут разберешься
0
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 13
17.03.2016, 16:44  [ТС]
Пожалуйста ткныте носом.
Не могу разобраться. Плохо знаком с построение селекторов.

Добавлено через 3 минуты
А функция JS здесь значения не имеет?
А то я не вижу что скрипт отрабатывает, такое ощущение что он не там подгружен.
0
 Аватар для Kraken73
105 / 93 / 50
Регистрация: 17.09.2015
Сообщений: 612
17.03.2016, 16:52
Твой код у меня работает. Ты случайно не забыл подключить библиотеку jquery?
0
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 13
17.03.2016, 17:55  [ТС]
Вот код по подключению jQuery
HTML5
1
2
3

<script src="js/functions.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
Поправьте если что не то ******73
0
18 / 18 / 13
Регистрация: 15.03.2016
Сообщений: 107
17.03.2016, 22:14
да ,у тебя все работает...я забыл просто про js)) только зачем его использовать, но ладно) дело житейское)
а на счет подключения , подключи сначала jquery...а потом свой js...и я бы его в конец html кода закинул)
0
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 13
18.03.2016, 07:27  [ТС]
Всем спасибо. Все заработало, когда поправил строки с jquery и js
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
 18.03.2016, 07:27
Помогаю со студенческими работами здесь

Вставить аккордеон меню в html и подправить стили
Всем привет! такой вопрос: 1.Как убрать картинки. 2.Как сделать так,чтобы при увеличении масштаба меню не дублировались уголки. 3.И...

Неполадки с меню
В браузере имено ИЕ6 и ИЕ7 в меню произошёл, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться...

Неполадки с верхним меню
Здравствуйте. Сверстал сайт для joomla 2.5. Проверял в Firefox, Opera, IE, Chrome почти все в норме но только один косяк с верхним меню. 3...

Аккордеон на CSS
Нужно сделать так, чтобы при нажатии на элемент(class=&quot;radio-text&quot;) , описание(class=&quot;accordion__text&quot;) возвращалась в исходное...

Простой аккордеон
Привет:) Можно без js сделать аккордеон на radio который при нажатие на него открывался, а если еще раз на него нажать закрывался. Просто...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
 SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru