Javascript 单击时显示和隐藏内容

我有一个html页面，我想在点击按钮时显示和隐藏内容

HTML:

---

但是它不起作用

在按钮标签中没有名为

段落id

的属性，因此您的

$（this）.attr（'段落id'）

返回

未定义的
。由于
段落id
不是标准的HTML属性，我建议不要简单地添加它。相反，只需向每个按钮添加一个数据属性，如下所示：

<button class="learn-more" data-paragraph-id="#p1">Learn More</button>

应该可以，希望它正是你想要的：）
$（this.attr（'paragration_id'））.show（）没有这样的东西现在我有$（document）.ready（函数（）{$（'.learn more'）。单击（函数（）{$（'.hide_段落'）.hide（）；$（this.data（'paragration-id'））.show（）；}）；但是它不起作用@СаааПаППППаа你忘记了
$
之前的
（这个）
。这个应该是答案+1-这是演示
$(document).ready(function () {
$('.wpb_wrapper p .learn-more').click(function(){

    $('.wpb_wrapper p .hide_paragraph').hide();
    $('#' + $(this).attr('paragraph_id')).show();

});

});

<button class="learn-more" data-paragraph-id="#p1">Learn More</button>

$($(this).data('paragraph-id')).show();

$(document).ready(function () {
 $('elem').click(function(){
  var getIndex = $('elem').index(this);
  $('elem2').hide();
  $('elem2:eq"' + getIndex + '"').show();
 });
});