盒装大刀牌库存袈裟

*原文转自 CSS-Tricks

Demo演示 下载

代码简介：

这段代码基于jQuery和CSS,使用简单，代码精炼。

使用方法：

1.在欲使用此功能页面引用相关css与jquery.js，并插入以下代码：

<script type=”text/javascript“>
$(document).ready(function() {

$(”span.spoiler“).hide();

$(’<a class=”reveal”>Reveal Spoiler >></a> ‘).insertBefore(’.spoiler‘);

$(”a.reveal“).click(function(){
$(this).parents(”p“).children(”span.spoiler“).fadeIn(2500);
$(this).parents(”p“).children(”a.reveal“).fadeOut(600);
});

});
</script>

2.将欲隐藏部分以span圈起并为此span设置样式名词。 （如以下代码）

<p>In the movie Citizen Kane, Charles Foster Kane’s last word “Rosebud”
turns out to <span class=“spoiler”>be a sled.</span></p>