Господа, помогите разобратся в js нужно вывести под пункты при клике

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Код
Код PHP:
  1.  
  2. $(function(){
  3. $('#sess_messages').hide().fadeIn();
  4. $('#topmenu .menu .li, #usermenu .li').hover(
  5. function() {
  6. $(this).find('.inmenu:first').fadeIn('fast');
  7. $(this).find('a:first').addClass("hover");
  8. },
  9. function() {
  10. $(this).find('.inmenu:first').hide();
  11. $(this).find('a:first').removeClass("hover");
  12. }
  13. );
  14. });
  15.  
  16.  
Выводит под пункты при наведении -ховер
Нужно при клике, что где менять ?
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3549
Заралик:
Нужно при клике, что где менять ?
Код PHP:
  1. $(function(){
  2. $('#sess_messages').hide().fadeIn();
  3. $('#topmenu .menu .li, #usermenu .li').click(
  4. function() {
  5. $(this).find('.inmenu:first').fadeIn('fast');
  6. $(this).find('a:first').addClass("hover");
  7. },
  8. function() {
  9. $(this).find('.inmenu:first').hide();
  10. $(this).find('a:first').removeClass("hover");
  11. }
  12. );
  13. });
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Loadырь:
click(
Спасибо за ответ, но нет что то не работает. Если не ошибаюсь то Вы изменили класс.

Может дело в ксс?

Код PHP:
  1.  
  2. #topmenu{
  3. margin-top:15px;
  4. margin-bottom:10px;
  5. background:url(../images/menubar.jpg) repeat-x center bottom;
  6. border-radius:4px;
  7. box-shadow: 0 0 5px #333;
  8. width:940px;
  9. clear: both;
  10. display:table;
  11. table-layout: fixed;
  12. }
  13. #topmenu .menu{ list-style:none; margin:0; padding:0; position:relative; }
  14. #topmenu .menu .li a{ text-decoration:none; }
  15. #topmenu .menu .li{
  16. list-style:none;
  17. margin:0;
  18. padding:0;
  19. height:40px;
  20. line-height:40px;
  21. display:block;
  22. zoom: 1;
  23. font-size:18px;
  24. float:left;
  25.  
  26. }
  27.  
  28. #topmenu .menu .li.selected{
  29. background:url(../images/menubg.jpg) repeat-x left top #375E93;
  30. }
  31.  
  32. #topmenu .menu .li.selected a.selected{
  33. color:#fff;
  34. text-decoration:none;
  35. text-shadow:0 1px 0 #000;
  36. }
  37.  
  38. #topmenu .menu .li a:hover,
  39. #topmenu .menu .li a.hover{
  40. background:url(../images/menubg-hover.jpg) repeat-x center top #375E93;
  41. color:#000 !important;
  42. text-shadow:0 1px 0px #FFF !important;
  43. }
  44.  
  45. #topmenu .menu .li a{
  46. padding:0px 10px;
  47. color:#1F3451;
  48. height:40px;
  49. line-height:40px;
  50. display:block;
  51. }
  52.  
  53. #topmenu .menu .li .inmenu {
  54. display:none;
  55. position: absolute;
  56. top: 40px;
  57. width: 200px;
  58. background: #E9E9E9;
  59. color: #000;
  60. padding:0px;
  61. z-index:1000;
  62. box-shadow:1px 1px 3px #333;
  63. }
  64. #topmenu .menu .li .inmenu .li ul {
  65. display:none;
  66. top:0;
  67. left:200px;
  68. width: 200px;
  69. background: #E9E9E9;
  70. color: #000;
  71. padding:0px;
  72. z-index:1000;
  73. box-shadow:1px 1px 3px #333;
  74. }
  75.  
  76. #topmenu .menu .li .inmenu .li, #topmenu .menu .li .inmenu .li a{
  77. display:block;
  78. width:100%;
  79. position:relative;
  80. }
  81.  
  82. #topmenu .menu .li .inmenu .li a{
  83. padding:0px !important;
  84. text-decoration:none;
  85. }
  86. #topmenu .menu .li .inmenu .li a span{
  87. margin:0px 10px;
  88. padding:0px;
  89. }
  90.  
  91. #topmenu .menu .li .inmenu .li a.selected span{
  92. text-decoration:none;
  93. }
  94.  
  95.  
В КСС на ховер вроде бы меню не привязано

Разве что вот эти два блока

Код PHP:
  1.  
  2. #topmenu .menu .li .inmenu {
  3. display:none;
  4. position: absolute;
  5. top: 40px;
  6. width: 200px;
  7. background: #E9E9E9;
  8. color: #000;
  9. padding:0px;
  10. z-index:1000;
  11. box-shadow:1px 1px 3px #333;
  12. }
  13. #topmenu .menu .li .inmenu .li ul {
  14. display:none;
  15. top:0;
  16. left:200px;
  17. width: 200px;
  18. background: #E9E9E9;
  19. color: #000;
  20. padding:0px;
  21. z-index:1000;
  22. box-shadow:1px 1px 3px #333;
  23. }
  24.  
Но увы так и не выходит, даже если дисплей блоком ставлю
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Вот сам сайт -http://tsarevo-dom.ru (балуюсь на нем) Менюшка с лева -
Редактировалось: 1 раз (Последний: 3 июля 2018 в 13:04)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3549
Я изменил hover на click. Пробуйте так
Код PHP:
  1. $(function(){
  2. $('#sess_messages').hide().fadeIn();
  3. $('#topmenu .menu .li, #usermenu .li').on('click', function(){
  4.  
  5. $(this).find('.inmenu:first').fadeIn('fast');
  6. $(this).find('a:first').addClass("hover");
  7.  
  8. });
  9. });
Редактировалось: 1 раз (Последний: 3 июля 2018 в 13:26)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Loadырь:

Я изменил hover на click. Пробуйте так
Код PHP:
  1. $(function(){
  2. $('#sess_messages').hide().fadeIn();
  3. $('#topmenu .menu .li, #usermenu .li').on('click',
  4.  
  5. $(this).find('.inmenu:first').fadeIn('fast');
  6. $(this).find('a:first').addClass("hover");
  7.  
  8. );
  9. });

Нет не работает. Мне кажется стили надо тоже для этого править
Редактировалось: 1 раз (Последний: 3 июля 2018 в 13:27)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3549
Я поправил немного выше
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Loadырь:

Я поправил немного выше

Отлично, спасибо! Вышло. А чтобы при повторном клике на фон, или в любое другое место ,менюшка закрывалась отдельную функцию писать надо?
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Может это подойдет?

Код PHP:
  1.  
  2. <script>
  3. $('.link').click(function(){
  4. $('.div').toggle().toggleClass('vis');
  5. });
  6. </script>
  7.  
Поставил так -
Код PHP:
  1.  
  2. <script>
  3. $('#topmenu .menu .li, #usermenu .li').click(function(){
  4. $('.inmenu:first').toggle().toggleClass('hover');
  5. });
  6. </script>
  7.  
Менюшка скрывается на долю секунды и снова выходит
Редактировалось: 2 раз (Последний: 3 июля 2018 в 15:30)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Еще актуально
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
Заралик, посмотрите демку с телефона шаблона tseso. Там всё готовое есть. Даже больше (к примеру, закрытие открытых соседей о котором вы хоть и не спрашиваете, но, видимо, рано или поздно спрашивать будете). Если это то, скачайте и выдирайте скрипты и стили себе.
Украинский для инстант
Посетитель
small user social cms
Сообщений: 42
Привет. Подскажите плиз в каком файле это менять?
Редактировалось: 1 раз (Последний: 20 ноября 2018 в 22:56)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
Павел:
Привет. Подскажите плиз в каком файле это менять?
template
скрипт в подвал, ксс в style.css но тут смотреть на Ваш шаблон нужно. Может у Вас там тоже скрипт стоит и будет конфликт.
Да и вопрос решил как то но уже забыл как и где это делал rofl laugh
Редактировалось: 2 раз (Последний: 21 ноября 2018 в 08:58)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 787
Заралик:
Может дело в ксс?
Заралик:
В КСС на ховер вроде бы меню не привязано
Заралик:
скрипт в подвал, ксс в style.css
Си-эс-эс. Уж простите. laugh
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 738
SpideR-KOSS:
Си-эс-эс. Уж простите. laugh
Да это дурная привычка, даже в слух ксс hoho Надо ихзбавляться))
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.