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

1
2
Следующая
Показаны 1-15 из 16

#1 3 июля 2018 в 12:26

Код

 
    $(function(){
                $('#sess_messages').hide().fadeIn();
                $('#topmenu .menu .li, #usermenu .li').hover(
                    function() {
                        $(this).find('.inmenu:first').fadeIn('fast');
                        $(this).find('a:first').addClass("hover");
                    },
                    function() {
                        $(this).find('.inmenu:first').hide();
                        $(this).find('a:first').removeClass("hover");
                    }
                );
            });

Выводит под пункты при наведении -ховер
Нужно при клике, что где менять?

www.tvent.ru

#2 3 июля 2018 в 12:56

Нужно при клике, что где менять ?
Заралик

    $(function(){
                $('#sess_messages').hide().fadeIn();
                $('#topmenu .menu .li, #usermenu .li').click(
                    function() {
                        $(this).find('.inmenu:first').fadeIn('fast');
                        $(this).find('a:first').addClass("hover");
                    },
                    function() {
                        $(this).find('.inmenu:first').hide();
                        $(this).find('a:first').removeClass("hover");
                    }
                );
            });

#3 3 июля 2018 в 13:03

click(
Loadырь

Спасибо за ответ, но нет что то не работает. Если не ошибаюсь то Вы изменили класс.

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

 
    #topmenu{
        margin-top:15px;
        margin-bottom:10px;
        background:url(../images/menubar.jpg) repeat-x center bottom;
        border-radius:4px;
        box-shadow: 0 0 5px #333;
        width:940px;
        clear: both;
        display:table;
        table-layout: fixed;
    }
    #topmenu .menu{ list-style:none; margin:0; padding:0; position:relative; }
    #topmenu .menu .li a{ text-decoration:none; }
    #topmenu .menu .li{
        list-style:none;
        margin:0;
        padding:0;
        height:40px;
        line-height:40px;
        display:block;
    	zoom: 1;
        font-size:18px;
        float:left;
 
    }
 
    #topmenu .menu .li.selected{
        background:url(../images/menubg.jpg) repeat-x left top #375E93;
    }
 
    #topmenu .menu .li.selected a.selected{
        color:#fff;
        text-decoration:none;
        text-shadow:0 1px 0 #000;
    }
 
    #topmenu .menu .li a:hover,
    #topmenu .menu .li a.hover{
        background:url(../images/menubg-hover.jpg) repeat-x center top #375E93;
        color:#000 !important;
        text-shadow:0 1px 0px #FFF !important;
    }
 
    #topmenu .menu .li a{
        padding:0px 10px;
        color:#1F3451;
        height:40px;
        line-height:40px;
        display:block;
    }
 
    #topmenu .menu .li .inmenu {
        display:none;
        position: absolute;
        top: 40px;
    	width: 200px;
    	background: #E9E9E9;
    	color: #000;
        padding:0px;
        z-index:1000;
        box-shadow:1px 1px 3px #333;
    }
    #topmenu .menu .li .inmenu .li ul {
        display:none;
        top:0;
        left:200px;
    	width: 200px;
    	background: #E9E9E9;
    	color: #000;
        padding:0px;
        z-index:1000;
        box-shadow:1px 1px 3px #333;
    }
 
    #topmenu .menu .li .inmenu .li,  #topmenu .menu .li .inmenu .li a{
        display:block;
        width:100%;
        position:relative;
    }
 
    #topmenu .menu .li .inmenu .li a{
        padding:0px !important;
        text-decoration:none;
    }
    #topmenu .menu .li .inmenu .li a span{
        margin:0px 10px;
        padding:0px;
    }
 
    #topmenu .menu .li .inmenu .li a.selected span{
        text-decoration:none;
    }

В КСС на ховер вроде бы меню не привязано

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

 
#topmenu .menu .li .inmenu {
        display:none;
        position: absolute;
        top: 40px;
    	width: 200px;
    	background: #E9E9E9;
    	color: #000;
        padding:0px;
        z-index:1000;
        box-shadow:1px 1px 3px #333;
    }
    #topmenu .menu .li .inmenu .li ul {
        display:none;
        top:0;
        left:200px;
    	width: 200px;
    	background: #E9E9E9;
    	color: #000;
        padding:0px;
        z-index:1000;
        box-shadow:1px 1px 3px #333;
    }

Но увы так и не выходит, даже если дисплей блоком ставлю

www.tvent.ru

Сегодня в 00:37

#4 3 июля 2018 в 13:04

Вот сам сайт -http://tsarevo-dom.ru (балуюсь на нем) Менюшка с лева -

www.tvent.ru

#5 3 июля 2018 в 13:23

Я изменил hover на click. Пробуйте так

    $(function(){
                $('#sess_messages').hide().fadeIn();
                $('#topmenu .menu .li, #usermenu .li').on('click', function(){
 
                        $(this).find('.inmenu:first').fadeIn('fast');
                        $(this).find('a:first').addClass("hover");
 
                });
            });

#6 3 июля 2018 в 13:26

Я изменил hover на click. Пробуйте так

    $(function(){
                $('#sess_messages').hide().fadeIn();
                $('#topmenu .menu .li, #usermenu .li').on('click',
 
                        $(this).find('.inmenu:first').fadeIn('fast');
                        $(this).find('a:first').addClass("hover");
 
                );
            });

Нет не работает. Мне кажется стили надо тоже для этого править

www.tvent.ru

#7 3 июля 2018 в 13:27

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

#8 3 июля 2018 в 13:32

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

Loadырь

Отлично, спасибо! Вышло. А чтобы при повторном клике на фон, или в любое другое место, менюшка закрывалась отдельную функцию писать надо?

www.tvent.ru

#9 3 июля 2018 в 15:16

Может это подойдет?

 
<script> 
$('.link').click(function(){
    $('.div').toggle().toggleClass('vis');
});
</script>

Поставил так —

 
<script> 
$('#topmenu .menu .li, #usermenu .li').click(function(){
    $('.inmenu:first').toggle().toggleClass('hover');
});
</script>

Менюшка скрывается на долю секунды и снова выходит

www.tvent.ru

#10 5 июля 2018 в 10:24

Еще актуально

www.tvent.ru

#11 5 июля 2018 в 15:54

Заралик, посмотрите демку с телефона шаблона tseso. Там всё готовое есть. Даже больше (к примеру, закрытие открытых соседей о котором вы хоть и не спрашиваете, но, видимо, рано или поздно спрашивать будете). Если это то, скачайте и выдирайте скрипты и стили себе.

Украинский для инстант

#12 20 ноября 2018 в 22:55

Привет. Подскажите плиз в каком файле это менять?

#13 21 ноября 2018 в 08:56

Привет. Подскажите плиз в каком файле это менять?
Павел

template
скрипт в подвал, ксс в style.css но тут смотреть на Ваш шаблон нужно. Может у Вас там тоже скрипт стоит и будет конфликт.
Да и вопрос решил как то но уже забыл как и где это делал rofl