JQuery的顯示/隱藏其他更改

我有以下的jQuery代碼：JQuery的顯示/隱藏其他更改

jQuery(function($) { 
    $j(".follow_btn") 
     .click(
     function() { 
       var element = $(this); 
       var I = element.attr("id"); 
      var info = 'id=' + I; 
      $.ajax({ 
       type : "POST", 
       url : "action/follow.php?friend_id=<?php echo $row_inactive_user_settings['user_id']; ?>", 
       data : info, 
       success : function() { 
       } 
      }); 
      $("#sb_follow" + I).hide(); 
      $("#sb_unfollow" + I).show(); 
      return false; 
     }); 
    }); 
jQuery(function($) { 
    $j(".unfollow_btn").click(
     function() { 
      var element = $(this); 
      var I = element.attr("id"); 
      var info = 'id=' + I; 
      $.ajax({ 
       type : "POST", 
       url : "action/unfollow.php?friend_id=<?php echo $row_inactive_user_settings['user_id']; ?>", 
       data : info, 
       success : function() { 
        } 
      }); 
      $("#sb_unfollow" + I).hide(); 
      $("#sb_follow" + I).show(); 
      return false; 
     }); 
    });

和下面的HTML代碼，觸發上面的JQuery：

<div id="sb_follow1" 
<?php if ($totalRows_sb_track > 0) { echo 'style="display:none"';}?>> 
    <a href="#" class="follow_btn" id="1">Follow</a> 
</div> 
<div id="sb_unfollow1" 
<?php if ($totalRows_sb_track == 0) { echo 'style="display:none"';}?>> 
    <a href="#" class="unfollow_btn" id="1">unFollow</a> 
</div>

現在我需要的是後我點擊「按照「鏈接從上面的HTML代碼顯示下面的容器：

<dl id="subscribe"> 
<ul id="ulg"> 
    <li>List one</li> 
    <li>List two</li> 
    <li>List three</li> 
</ul> 
</dl>

而當我點擊」unFollow「隱藏包含呃我想要保持JQuery代碼的上面，但也添加這個額外的功能。如果有人能夠在上面的JQuery代碼中做出必要的更改，那很可愛。我還想指出，我已將Prototype.js文件附加到我的頁面。

來源

2011-12-20 DigitalWhirl LLC

請格式化你的代碼，以便它是可讀。此外，你有什麼嘗試，你有什麼問題？ – Jasper 2011-12-20 20:01:26

@ Spikey21只是給了我正在尋找的變化:) – 2011-12-20 20:18:19

不過，當你要求幫助，你花了一點時間格式化你的問題，這是值得讚賞的。 – Jasper 2011-12-20 20:19:24

你的jQuery應該是這樣的：

jQuery(function($) { 
    $j(".follow_btn") 
      .click(
        function() { 
         var element = $(this); 
         var I = element.attr("id"); 
         var info = 'id=' + I; 
         $ 
           .ajax({ 
            type : "POST", 
            url : "action/follow.php?friend_id=<?php echo $row_inactive_user_settings['user_id']; ?>", 
            data : info, 
            success : function() { 
            } 
           }); 
         $("#sb_follow" + I).hide(); 
         $("#sb_unfollow" + I).show(); 
         $("#subscribe").show(); 
         return false; 
        }); 
}); 
jQuery(function($) { 
    $j(".unfollow_btn") 
      .click(
        function() { 
         var element = $(this); 
         var I = element.attr("id"); 
         var info = 'id=' + I; 
         $ 
           .ajax({ 
            type : "POST", 
            url : "action/unfollow.php?friend_id=<?php echo $row_inactive_user_settings['user_id']; ?>", 
            data : info, 
            success : function() { 
            } 
           }); 
         $("#sb_unfollow" + I).hide(); 
         $("#sb_follow" + I).show(); 
         $("#subscribe").hide(); 
         return false; 
        }); 
});

來源

2011-12-20 20:06:23 Spikey21

感謝您的幫助，效果很好，也感謝格式化我的代碼:) – 2011-12-20 20:18:49

沒問題;）。 – Spikey21 2011-12-20 20:20:07

您可以在$j(".follow_btn").click(....)和$('#subscribe').hide()使用$('#subscribe').show()內$j(".unfollow_btn").click(...)這是很基本的，有看docs

來源

2011-12-20 20:02:37

JQuery的顯示/隱藏其他更改

回答

相關問題