关于前端jquery show()hide()无效的问题？

Question

我做的是一个需要用户按照规则一步步填写的操作, 第一步填完之后进入下一步 ,但是在下一步(也就是第二步的时候)如果想返回到第一步,我用的是display将第二步的div隐藏,然后显示第一步的div,但是通过hide和show的时候却不起作用,并且还错误输出命令,我代码上写的是hide,在网页上却显示的display:block 以下是代码:$(function(){$("#adddatasource").on("click", function() {$(".addstep1").css("color","#33ADFF");$("#editdatasource").show();$(".datatypeinfo1").show();});$(".next").on("click",function(){$(".addstep1").css("color","black");$(".addstep2").css("color","#33ADFF");$(".next").css({"margin-top":"225px","margin-left":"35px"});$(".nextstep").css("float","right");$(".next").css("margin-left","-150px");$(".datatypeinfo1").hide();$(".step2alike,.backstep").show();});$(".backstep").on("click",function(){$(".addstep2").css("color","black");$(".addstep1").css("color","#33ADFF");$(".step2alike,.backstep").css("display","none");$(".datatypeinfo1").show();});});前面两个点击事件都是正常的,唯独第三个($(".backstep").on("click",function(){)的方法不起作用,我试了打桩,所有操作都执行了,但是却没有作用,对css和html的修改无效