使元素淡出然后顯示：無；

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（）對選擇器的display屬性的狀態做出反應，因此，如果可見，它將隱藏並顯示是否隱藏。

因此，使用切換永遠不會“無法點擊”。