click事件，点击窗口自动返回顶部
菜鸟一只
今天写了个页面，给span绑了个click事件，功能OK
但是每次点击页面都自动返回顶部.....
之前没有注意过，百老师和谷老师满眼都是如何实现返回顶部的....

请教一下，为何会返回顶部呢？
如何避免这种情况

哦对了，用的jquery，
代码如下：
$(".button").click(function(){
if($(this).hasClass("open")){
$(this).removeClass("open").animate({left:'-26px'},"normal");
$(this).parent().parent().siblings().css("color","rgb(127,128,131)");
$(this).parent().parent().parent().siblings().hide();
$(this).parent().parent().parent().parent().parent().parent().find(".line1").removeClass("line1").addClass("line2");
}else{
$(this).addClass("open").animate({left:'0px'},"normal");
$(this).parent().parent().parent().siblings().show();
$(this).parent().parent().siblings().css("color","orange");
$(this).parent().parent().parent().parent().parent().parent().find(".line2").removeClass("line2").addClass("line1");

}
});


顺便问一下，这个parent（）如果跨多层有好的方法么？网上查有人说只能一层一层迭代，我就这样写了，但是看着很不爽啊。。。。。
------解决方案--------------------
是啊，写多多麻烦，可以写closest('要匹配的第一个父元素或者本身')
------解决方案--------------------
多层 parent（）可以改用   $('this').parents('xxxx')