Javascript 我的Jquery没有'；我好像找不到panelid

所以我跟着这段视频写了一个更聪明的代码，但我的代码并不像他的那样工作。所以我的结论是，我的jquery似乎没有找到panelid，我可以提醒panelid，这是有效的。我的功能是点击“läs mer”并弹出一条文本，läs mer将变为mindre-。我该怎么办？！我快疯了

YT视频：

Html:

感谢您所做的一切：）

您需要使用，因此请使用

面板ID添加

$('#' + panelId)

如果变量值为
panel1
，则
$（panelId）
将查找不存在的元素
panel1
，因此它不起作用
您需要使用，因此使用
panelId
添加

$('#' + panelId)

如果变量值为
panel1
，则
$（panelId）
将查找不存在的元素
panel1
，因此它不起作用

及
使用

使用
#

及
使用

这里是JSFIDLE链接，您可以在其中看到它的工作原理


这里是jsfiddle链接，您可以在这里看到它的工作原理


嘿，伙计，非常感谢你的帮助！但它仍然不起作用，我认为问题在于面板无法找到div id。抱歉，我是新手。@CodingNoob：如果您有正确的面板id，这应该可以工作。尝试使用data方法
var panelId=$（this）获取面板id。data（'panelId'）
@CodingNoob:我在回答中添加了一个演示。它在WOOOORKIING woooooo中运行良好。我不能感谢你们这些家伙。昨天我被这个3h卡住了，我很幸运能找到这样的网站来帮助我。我一定会在将来遇到困难时使用这个。非常感谢你@科丁诺布：别忘了接受我的回答：）嘿，伙计，非常感谢你的帮助！但它仍然不起作用，我认为问题在于面板无法找到div id。抱歉，我是新手。@CodingNoob：如果您有正确的面板id，这应该可以工作。尝试使用data方法
var panelId=$（this）获取面板id。data（'panelId'）
@CodingNoob:我在回答中添加了一个演示。它在WOOOORKIING woooooo中运行良好。我不能感谢你们这些家伙。昨天我被这个3h卡住了，我很幸运能找到这样的网站来帮助我。我一定会在将来遇到困难时使用这个。非常感谢你@CodingNoob：别忘了接受我的答案：）
$('#' + panelId)

$('#'+panelId)

  var panelId =  $(this).data('panelid');

$(document).ready(function() {
    $(".showhide").click(function() {
        var panelId = $(this).attr('data-panelid')
        var txt = $(this).text();
        $('#' + panelId).toggle(); //changed it here from just panelId
        if (txt == "Läs mer +") {
            $(this).text('Mindre -');
        } else {
            $(this).text('Läs mer +');
        }
    });
});