$(document).ready(function() {
var botton='<span  class="botton" style="cursor: pointer; color:#CC0033;background:#000;">点我</span>';
$('#box-botton').append(botton); //向#box-botton内添加上面定义的按钮
$('#box-botton>p').addClass('box');//为#box-botton内的<P>...</P>内添加class=botton
$('.box').insertAfter('.botton');//把按钮放在展开内容之前，因为默认会把按钮放在展开内容之后
$('.botton').click(function() {
$(this).siblings().slideToggle(500);return false;}); //使用siblings是为了选择全部包含class=box的段落，如果使用next或prev的话只能选择相邻的同辈元素，也就是上面的一个或下面的一个，如果存在多个段落的话就会失效。
});