Jquery .show () không tiết lộ div với khả năng hiển thị ẩn

Câu hỏi jQuery cơ bản:

Tôi đang cố gắng tiết lộ một divđã được đánh dấu là ẩn bằng jQuery. Nhưng tôi không hiểu lắm

Tôi đã tạo JSFiddle tại đây: http://jsfiddle.net/VwjxJ/

Về cơ bản, tôi muốn sử dụng style="visibility: hidden;"hơn style="display: none;"là muốn không gian của phần tử ẩn được duy trì

Đã thử sử dụng show(), fadeIn()v.v. nhưng không hiệu quả (họ làm cho style="display: none;")

tôi đang làm gì sai

Nếu bạn đã ẩn nó với visibility:hiddenthì bạn có thể hiển thị nó với jQuery bằng cách

$(".Deposit").css('visibility', 'visible');

Và trong fiddle bạn đang thiếu jQuery. Đây là bản demo: http://jsfiddle.net/9Z6nt/20/

Theo tài liệu JQuery .show()"gần tương đương với việc gọi .css('display', 'block'), ngoại trừ việc thuộc tính hiển thị được khôi phục về bất kỳ thứ gì ban đầu." Thay vào đó, hãy đặt kiểu một cách rõ ràng. Bạn có thể sử dụng một lớp CSS

.hidden{
    visibility: hidden;
}
.shown{
    visibility: visible;
}

và thiết lập đang sử dụng

$("#yourdiv").removeClass("hidden").addClass("shown");

Nếu bạn muốn duy trì không gian của phần tử ẩn, hãy sử dụng độ mờ.

I E:

$('div').fadeTo(500,1) //show
$('div').fadeTo(500,0) //hide

ví dụ:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style='opacity:0'>
  Test opacity
</div>


<button onclick="$('div').fadeTo(500,1);">Show</button>
<button onclick="$('div').fadeTo(500,0);">Hide</button>

Này bạn, fiddle của bạn đang hoạt động chỉ cần chọn framework jQuery trên fiddle. Nếu khả năng hiển thị của nó bị ẩn thì hãy thay đổi thuộc tính khả năng hiển thị css thành hiển thị.

(".Deposit").css('visibility','visible');

chúng ta bắt đầu đây :)

$(".Deposit").show();

    $(".Deposit").fadeOut(500,function(){
        $(this).css({"display":"block","visibility":"hidden"});

    });

$(".Deposit").show();

$(".Deposit").fadeTo(500,0);