Нижний колонтитул с двумя изображениями для закрытия - PullRequest
Новая
       12

Нижний колонтитул с двумя изображениями для закрытия

1 голос
/ 26 февраля 2012

Спасибо, что дали мне возможность помочь.

Я хотел бы создать нижний колонтитул (панель слайдов).

Я нашел приведенный ниже код, который отлично работает, но я хочучтобы иметь возможность закрыть нижний колонтитул двумя разными кнопками: одно и то же изображение, которое я использовал для открытия (#footer_button), и другое изображение (крест), помещенное внутри содержимого (#footer_content).

Как мне следует интегрировать ту же функцию на этом изображении (# footer_button_2) с этим кодом?

Большое спасибо заранее!

Вот экран печати: http://hpics.li/cb5b88a.

Вот код, который я использую: 

<script type="text/javascript">
jQuery(function($) {
var slide = false;
var height = $('#footer_content').height();
$('#footer_button').click(function() {
    var docHeight = $(document).height();
    var windowHeight = $(window).height();
    var scrollPos = docHeight - windowHeight + height;
    $('#footer_content').animate({ height: "toggle"}, 1000);
    if(slide == false) {
        if($.browser.opera) { //Fix opera double scroll bug by targeting only HTML.
            $('html').animate({scrollTop: scrollPos+'px'}, 1000);
        } else {
            $('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
        }
                           slide = true;
    } else {
                           slide = false;
                   }
});
});
</script>

1 Ответ

0 голосов
/ 26 февраля 2012

Вы можете разделить их запятыми, как в CSS: $ ('# footer_button, #CrossImgID'):) 

<script type="text/javascript">
jQuery(function($) {
var slide = false;
var height = $('#footer_content').height();
$('#footer_button, #CrossImgID').click(function() {
    var docHeight = $(document).height();
    var windowHeight = $(window).height();
    var scrollPos = docHeight - windowHeight + height;
    $('#footer_content').animate({ height: "toggle"}, 1000);
    if(slide == false) {
        if($.browser.opera) { //Fix opera double scroll bug by targeting only HTML.
            $('html').animate({scrollTop: scrollPos+'px'}, 1000);
        } else {
            $('html, body').animate({scrollTop: scrollPos+'px'}, 1000);
        }
                           slide = true;
    } else {
                           slide = false;
                   }
});
});
</script>
...