Jquery slidedown 隐藏元素点击

Jquery slidedown hidden element onclick

本文关键字：元素 隐藏 slidedown Jquery      更新时间：2023-09-26

>我有一个像这样的HMTL结构，可以无限次重复

 <div class='rr'>
  <div class='rrclk'>
   Click Me
  </div>
  <div class='rrshow'>
    I am now shown
   </div>

有没有办法只在被点击的 rrclk 的父级中显示 rrshow？因此，如果您单击一个 rrclk，只会显示位于同一 rr 中的 rrshow，如果这有任何意义的话。

谢谢

编辑：

谢谢，有什么方法可以用 AJAX 做同样的事情，就像这样： 

$('.rrclk').click(function () {
    $.ajax({
        type: "POST",
        url: 'getdata.php',
        data: {
            uid: this.id
        },
        success: function (data) {
   $(this).parent().find(".rrshow").html(data);
   $(this).parent().find(".rrshow").fadeToggle("fast");
        }
    });

希望这就是你想要的

$(".rrclk").click(function(){
   //hide all rrshow
   $(".rrshow").hide();
   //show only required rrshow
   $(this).parent().find(".rrshow").show();
});

这是一个演示

$('.rrclk').click(function() {
    $(this).next().show();
});

$('.rr .rrclk').click(function(){
   $(this).siblings('.rrshow').toggle();
});

通过使用jQuery show（）和hide（）方法，你可以解决这个问题，首先为div 设置一个 ID

$("# place rrshow id here").show();
$("# place rrshow id here").hide();

$("#place rrclk id here").click(function(){
//$("# place rrshow id here").show(); or $("# place rrshow id here").hide(); whatever you want
});

$('.rrclk').click(function(){
$(this).siblings('.rrshow').show();
});

如果我理解正确，你可以使用这个jQuery，

这是一个JSFIDDLE http://jsfiddle.net/fb4gr/

​

相关文章：