jquery隐藏/显示多个div

时间:2014-11-07 19:54:41

标签: jquery html hide show

编辑:我的帖子与重复不同,因为我的链接ID是在使用PHP的页面加载时生成的,因此我无法调用特定的数字,如重复主题所示。我需要抓住沿着链接发送的变量,这是我努力奋斗的部分


我想在我的留言板上添加一项功能,该功能隐藏了低用户评分的帖子,其中的链接显示"低评分帖子,点击显示"。当用户点击该链接时,它会隐藏当前的div并使post div在其位置可见。

我的jquery充其量是沙哑的,所以有人可能只是按照正确的方向推动我哪些位错了?所以链接就像是;

<div id=hiddenpost_500><a href="#" data-id="post_?" id="show"></div>
<div id=hiddenpost_501><a href="#" data-id="post_?" id="show"></div>
<div id=hiddenpost_502><a href="#" data-id="post_?" id="show"></div>

然后在页面加载上的jquery(不确定其中的一些是如何表达的);

$('show').click(function() {
  var post_id = $(this).data('id');
  $("#post_" + post_id).show();
  $("#hiddenpost_" + post_id).hide();
  return false;
  });

然后,帖子div?

<div id=post_500>blah blah</div>
<div id=post_501>blah blah</div>
<div id=post_502>blah blah</div>

我有多接近?

0 个答案:

没有答案