Jquery 单击另一个链接第一个链接css移除和ul显示

Jquery 单击另一个链接第一个链接css移除和ul显示,jquery,html,css,Jquery,Html,Css,当我单击第一个链接下拉列表时,向下滑动箭头并更改类别,但当我打开第一个链接并单击第二个链接时,第一个链接类别未更改。 这是我的示例代码 $.navclick.clickfunctionevent{ $'.navslidedown ul'.eachfunction{ $this.slideUp; }; var$slide=$this.next'.navslidedown ul'; 如果$slide.is':可见{ $slide.slideUp; }否则{ $slide.slideDown; }

当我单击第一个链接下拉列表时,向下滑动箭头并更改类别,但当我打开第一个链接并单击第二个链接时,第一个链接类别未更改。 这是我的示例代码

$.navclick.clickfunctionevent{ $'.navslidedown ul'.eachfunction{ $this.slideUp; }; var$slide=$this.next'.navslidedown ul'; 如果$slide.is':可见{ $slide.slideUp; }否则{ $slide.slideDown; } }; $'.navclick'.clickfunction{ $this.toggleClass'navupclick'。同级.removeClass'navupclick'; }; .navslidedown{float:左;宽度:95%;} .navslidedown ul{display:none} .navslidedown li{显示:块;背景:e8ce49;边框底部:1px实心fbdc3b;边框底部:20px} .navslidedown li a{左填充:44px} .navclick{背景:urlhttp://54.85.78.249/design/dna/images/dpdwnarow.png 无重复中心0px;显示:块;页边距底部:15px;光标:指针} .navupclick{背景:urlhttp://54.85.78.249/design/dna/images/dpuparow.png 无重复中心0px;显示:块;页边距底部:15px}
您必须在jQuery$'.navclick.clickfunction中应用更改{

$.navclick.clickfunctionevent{ $'.navslidedown ul'.eachfunction{ $this.slideUp; }; var$slide=$this.next'.navslidedown ul'; 如果$slide.is':可见{ $slide.slideUp; }否则{ $slide.slideDown; } }; $'.navclick'.clickfunction{ $a.navupclick.notthis.removeClassnavupclick; $this.toggleClass'navupclick'; }; 纳夫莱德敦先生{ 浮动:左; 宽度:95%; } 纳夫莱德敦{ 显示:无 } 李先生{ 显示:块; 背景:e8ce49; 边框底部:1px实心fbdc3b; 边际下限:20px } 纳夫斯莱德敦李a{ 左侧填充:44px } .navclick{ 背景:urlhttp://54.85.78.249/design/dna/images/dpdwnarow.png 无重复中心0px; 显示:块; 边缘底部:15px; 光标:指针 } .navupclick{ 背景:urlhttp://54.85.78.249/design/dna/images/dpuparow.png 无重复中心0px; 显示:块; 边际下限:15px }
更改用于切换类的代码。而不是删除类navupclick form all anchor标记,并将类navupclick添加到单击的anchor标记

$.navclick.clickfunctionevent{ $'.navclick'.removeClass'navupclick'; $'.navslidedown ul'.eachfunction{ $this.slideUp; }; var$slide=$this.next'.navslidedown ul'; 如果$slide.is':可见{ $slide.slideUp; }否则{ $slide.slideDown; $this.addClass'navupclick'; } }; .navslidedown{float:左;宽度:95%;} .navslidedown ul{display:none} .navslidedown li{显示:块;背景:e8ce49;边框底部:1px实心fbdc3b;边框底部:20px} .navslidedown li a{左填充:44px} .navclick{背景:urlhttp://54.85.78.249/design/dna/images/dpdwnarow.png 无重复中心0px;显示:块;页边距底部:15px;光标:指针} .navupclick{背景:urlhttp://54.85.78.249/design/dna/images/dpuparow.png 无重复中心0px;显示:块;页边距底部:15px}
请在此处添加相关代码,如果您可以创建fiddle,那么请确保您可以创建一个代码段,请单击“查看:@afzal检查您是否正在查找此代码及其工作情况:@afzal我已将其作为答案发布。如果有帮助,请接受