Javascript 打开/关闭时在slicknav中更改标签

我正在尝试在Slicknav菜单打开和关闭时更改Slicknav中的标签

对于默认状态，我使用了label closed，对于打开状态，我需要另一段文本

对于正常状态，如下所示：

$('#menu').slicknav({
    duplicate: false,
    label: 'label closed'
});

我尝试过使用基本的if-this-than-that，我觉得我只是把这段非常简单的javascript搞乱了

---

任何帮助都将不胜感激

您可以直接更改文本，因为它包含在带有类的span

slicknav_MenuText

-

---

在屏幕上看了一眼后
像这样的东西应该能奏效

var $label;
$('#menu').slicknav({
    duplicate: false,
    label: 'label closed',
    init: function() {
        $label = $(".slicknav_menutxt");
    },
    open: function() {
        $label.text("label open");
    },
    close: function() {
        $label.text("label closed");
    } 
});

---

还有

Hmm的链接是的，这是一个很好的解决方案。但是，我正在尝试将其实现到“$（'#menu'）.slicknav（{）”函数，而不仅仅是切换。在我提供的示例中，它确实实现了。但是，我正在尝试包含一个，以使用不同的汉堡图标。对于标签关闭，我想使用一个关闭图标，你知道吗？但是，我似乎无法在$label.text中包含类似的图标(“标签打开”）；感谢您的时间该插件添加了一些类

slicknav_open

和

slicknav_collapse

您可以使用这些类并从cssIf更新图标如果您想包含html而不是文本，请使用

html

jQuery方法而不是

text

方法。如果您只想更改图标，可以从css开始进行更改基于我上面提到的打开/折叠类。谢谢，我只是用了错误的方法。我现在得到了它。谢谢！我使用@font-face将FontAwesome包含到css中，并使用：before为这个平滑的打开和平滑的折叠类指定了一个图标。

var $label;
$('#menu').slicknav({
    duplicate: false,
    label: 'label closed',
    init: function() {
        $label = $(".slicknav_menutxt");
    },
    open: function() {
        $label.text("label open");
    },
    close: function() {
        $label.text("label closed");
    } 
});