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>

И когда я нажимаю на„Перестать“, чтобы скрыть, которые содержат er Я хочу держать выше код JQuery, но также добавить эту дополнительную функцию. Если кто-то может внести необходимые изменения в код JQuery, который был бы прекрасен. Я также хочу отметить, что я привязал файл Prototype.js к своим страницам.

источник

2011-12-20 DigitalWhirl LLC

Отформатируйте код, так что читаем , Кроме того, что вы пробовали и где у вас проблема? – Jasper

@ Spikey21 просто дал мне изменения, которые я искал :) –

Все еще, это ценно, когда вы просите о помощи, что вы тратите немного времени на форматирование своего вопроса. – Jasper

Ваш 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

спасибо за помощь, отлично работает, также благодарим за форматирование моего кода :) –

No problemo;). – Spikey21

Вы можете использовать $('#subscribe').show() в $j(".follow_btn").click(....) и $('#subscribe').hide() в $j(".unfollow_btn").click(...) Это довольно простой, взгляните на docs

источник

2011-12-20 20:02:37

JQuery Показать/Скрыть дополнительные изменения

ответ

Смежные вопросы