gpt4 book ai didi

jQuery 切换下划线

转载 作者:太空宇宙 更新时间:2023-11-04 00:29:56 24 4
gpt4 key购买 nike

我有一个菜单,可以通过单击链接进行切换。我希望该链接在菜单可见时带有下划线,并且在隐藏时没有装饰。我无法正确使用该功能:第一次按下触发按钮时显示下划线,但在隐藏菜单后保持不变。

感谢您的帮助!

HTML

<div id="trigger">
<div id="menu">MENU<br/></div>
<div id="navdrop">
<a class="a transition" id="item1" href="Pages/music.html" alt="MUSIC">MUSIC</a><br />
<a class="a transition" id="item2" href="Pages/photos.html" alt="PHOTOS">PHOTOS</a><br />
<a class="a transition" id="item3" href="Pages/biography.html" alt="BIOGRAPHY">BIOGRAPHY</a><br />
<a class="a transition" id="item4" href="Pages/discography.html" alt="DISCOGRAPHY">DISCOGRAPHY</a><br />
<a class="a transition" id="item5" href="Pages/contact.html" alt="CONTACT">CONTACT</a><br />
<a class="a" id="item6" href="http://www.blog.fernandogaribay.com" alt="BLOG" target="_blank">BLOG</a><br />
</div>
</div>

Javascript

    $('#trigger').click(function (){
$('#navdrop').slideToggle(400);
$('#menu').css("text-decoration", "underline");
});

最佳答案

$('#trigger').click(function (){
$('#navdrop').slideToggle(400, function(){
$('#menu').toggleClass('underline');
});
});

CSS

#menu.underline {
text-decoration: underline;
}

demo on the go

关于jQuery 切换下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4676985/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com