2012-02-26 11 views
16

Làm thế nào tôi có thể sử dụng jQuery slideDown với display: inline-block, như trái ngược với mặc định display: block;Sử dụng slideDown jQuery với display: inline-block

Một số nội dung bên trong div Tôi đang sử dụng đòi hỏi phải có nó để được như vậy, và thiết kế một phần phá vỡ trừ khi tôi sửa chữa nó. Tuy nhiên, sửa chữa nó sau khi trượt xuống đã hoàn thành sẽ được glitchy.

Bất kỳ ý tưởng nào?

+0

Tương tự như http://stackoverflow.com/questions/8144944/change-slidetoggle-behaviour-to-displayinline-block-instead-of -displayblock –

+0

Cảm ơn, không tìm thấy điều đó trong khi tìm kiếm. –

Trả lời

23

Bạn có thể quấn div với display: inline-block, vào div khác, với đơn giản display: none, đó sẽ là mục tiêu của hàm slideDown của bạn. tôi tạo thành một bản demo cho các bạn ở đây http://jsfiddle.net/d3BHL/2/
Hãy cho tôi biết nếu nó giúp

+0

Cảm ơn, đó là những gì tôi đã làm (chỉ với CSS3) –

+3

Câu đố này bị hỏng. Kiểu hiển thị phải theo cách khác: vùng chứa phải là nội dòng và div bên trong sẽ không hiển thị. – smilebomb