[3s777]

Добрый день.
Помогите, пожалуйста, может кто сталкивался, или знает как устранить следующую проблему.
Работаю над сайтом

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 20 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

Вверху кнопка развернуть меню работает на скрипте, который меняет высоту и присваивает блоку overflow: hidden.
Внутри этого блока лежит меню с выпадающим списком. Так вот, выпадающие в последних пунктах меню пункты обрезаются overflow: hidden и не видно всех пунктов при наведении.
Без скрытия блока в hidden выпадающий блок с подпунктами с помощью z-index отображаля поверх всего остального, но с hidden такого не прокатывает.
С ява скриптом вообще не дружу, поэтому не могу разобраться как сделать чтобы выпадающее меню отображалось все равно поверх всех блоков.
Помогите, кто может.

[3s777]

никто не подскажет?

[Сергей Гопляк]

3s777,я бы сделал вот таким скриптом, и оверфлов не нужен. а так по факту сколько уже работаю не сталкивался чтобы при оверфлов выходило за границы, как говорится он для этого и сделан. в ссs думаю разберешься.

PHP код:

$(document).ready(function(){
    $('.spoil .sp_button').click(function(e){
        if($('.spoil .sp_text').is(':visible')) $('.spoil .sp_text').fadeOut('slow');
        else $('.spoil .sp_text').fadeIn('slow');              
    });
}); 


[3s777]

Сергей Гопляк, поставил ваш скрипт, но к сожалению, он не работает. Меню свернуто и при нажатии кнопки ничего не происходит
С ява скриптом вообще не дружу, поэтому извините, если туплю

---------- Сообщение добавлено 16:10 ---------- Предыдущее 16:02 ----------

Вот скрипт на котором это сейчас работает

Код HTML:

 <div class="heads"> <div class="spoil"> <div class="sp_top"> <span class="sp_span"><div class="logod"><a href="/"><img src="/wp-content/themes/twentytwelve/img/logo.jpg" class="logo"></a></div></span> <div class="sp_button">Показать меню</div> </div> <div class="sp_text"> <div class="topwid"><?php dynamic_sidebar( 'sidebar-4' ); ?></div> </div> </div> </div> <script>
    $(document).ready(function () {
        $(document).on("click", ".sp_button", function () {
            spoyler(this);
        });
    });

    function spoyler(obj) {
        var spoil = $(obj).parent().parent(".spoil");
        var he = spoil.find(".sp_text").innerHeight() + 50;

        if (spoil.height() == 80) {
            $(obj).text("Свернуть");
            spoil.stop(true).animate({ height: he + "px" }, 200);
        } else {
            $(obj).text("Показать");
            spoil.stop(true).animate({ height: 80 + "px" }, 200);
        }
    }
</script>

[Сергей Гопляк]

у тебя было

Код HTML:

<script>
    $(document).ready(function () {
        $(document).on("click", ".sp_button", function () {
            spoyler(this);
        });
    });

    function spoyler(obj) {
        var spoil = $(obj).parent().parent(".spoil");
        var he = spoil.find(".sp_text").innerHeight() + 50;

        if (spoil.height() == 80) {
            $(obj).text("Свернуть");
            spoil.stop(true).animate({ height: he + "px" }, 200);
        } else {
            $(obj).text("Показать");
            spoil.stop(true).animate({ height: 80 + "px" }, 200);
        }
    }
</script>

замени на

Код HTML:

<script>
$(document).ready(function(){
$('.spoil .sp_button').click(function(e){
if($('.spoil .sp_text').is(':visible')) $('.spoil .sp_text').fadeOut('slow');
else $('.spoil .sp_text').fadeIn('slow');      		
});
});
</script>

и в css

Код:

.spoil .sp_text {
padding: 40px 10px 10px 10px;
display: none;
}

[3s777]

сейчас так и сделал, но все равно не работает, при нажатии ничего не происходит...
сейчас на сайте стоит ваш скрипт

[Сергей Гопляк]

Код HTML:

.spoil {
        position: relative;
        margin: 0px 0 20px 0;
        height: 80px;
    }

в css
оверфлов убрать там дальше немного меню может съехать но думаю эт не кретично поправить можно.

[3s777]

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

[Сергей Гопляк]

3s777, держи в css

Код HTML:

.topwid .widget .menu li {
    position: relative !important;
}
.topwid .widget .menu li .sub-container {
    position: absolute;
    left: -300px !important;
    top: 0px;
}

[3s777]

Огромнейшее спасибо. Так работает, чуть-чуть нужно подправить, но я уже понял ход ваших мыслей, поэтому справлюсь сам)
Еще раз спасибо!