gpt4 book ai didi

jQuery改变菜单的文本

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

我设法创建了一个粘性垂直菜单,该菜单在悬停时使用 CSS 过渡展开。我还添加了功能,以便在单击时滑动到 anchor 。

我希望这个菜单通过 jquery 具有以下功能。当我单击一个菜单项时,我希望它的文本从“1”更改为“1”。到“标题 1”并保持扩展。当我按下另一个菜单时,前一个菜单应该返回它的默认状态(小宽度和“1.”作为文本)和新的菜单来扩展和更改文本,让我们说“2”。到“标题 2”。我怎样才能实现它。

这是我用于幻灯片功能的 jQuery。

$(function() {
$('.slider a').bind('click', function(event) {
var $anchor = $(this);

$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);

event.preventDefault();
});
});

这是我的 fiddle 。 https://jsfiddle.net/mosmic/319d4bcL/

如果 fiddle 似乎不起作用,请展开您的浏览器窗口。

最佳答案

我会像这样使用 data- 属性。

<a href="#section1" data-shortname="1." data-longname="title 1">
<div class="number">1.</div>
</a>

检查你更新的 fiddle https://jsfiddle.net/319d4bcL/7/

关于jQuery改变菜单的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34889891/

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