Заставить элемент исчезнуть, затем отобразить: нет;

Question

У меня есть элемент, который исчезает, это размер страницы и переходит поверх всей страницы.когда вы нажимаете кнопку закрытия, он должен исчезнуть.У меня все это работает, но моя проблема в том, что когда я закрываю его, его непрозрачность устанавливается на 0, но вы все равно можете нажать на то, что было в элементе.(У меня есть пара тегов в нем)

Итак ... вы нажимаете на него, даже если он невидим.Как сделать так, чтобы он не появлялся ВСЕ в коде, вместо того, чтобы просто стать невидимым?

Что у меня есть:

$('#menu_thumbnails').toggle(function() {
                        $('div#thumbnails').show();
                        $('div#thumbnails').stop().fadeTo(500, 1);
                    }, function() {
                        $('div#thumbnails').stop().fadeTo(500, 0, hideThumbs());
                        function hideThumbs() {
                                $('div#thumbnails').hide();
                        }
                        } );

Я также пытался

$('div#thumbnails').css('display','none'); 

вместо .hide (), но это ничего не сделало.

Любая помощь будет отличной!Спасибо

Answer 1

Вы пробовали это так:

$('#menu_thumbnails').toggle(function() {
                        $('div#thumbnails').show();
                        $('div#thumbnails').stop().fadeTo(500, 1);
                    }, function() {
                        $('div#thumbnails').stop().fadeTo(500, 0,
                            function(){$(this).hide()});
                        } );

Answer 2

Я не эксперт по jquery, но думаю, что проблема в том, что вы используете .toggle (). toggle () реагирует на состояние атрибута отображения вашего селектора, поэтому, если он видим, он будет скрыт и покажет, скрыт ли он.

Таким образом, он никогда не будет «не щелкаемым» при переключении.