Сворачивание профиля по клику на картинку OnLine/OffLine
Сворачивает и разворачивает данные пользователя при клике на картинки Онлайн или Офлайн

Автор: Deff
Платформа: MyBB
Аналоги: Двойной спойлер информации в профиле (MyBB) [Deff] / Сворачивание полей профиля под N кнопок (MyBB) [Deff]

Ставим в HTML низ

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - размер картинки по горизонтали

    var ImgON="http://s005.radikal.ru/i212/1009/13/26270b1c3c1a.jpg";  // Картинка Online;
    var ImgOff="http://s55.radikal.ru/i149/1009/e7/5251a5a51615.jpg";  // Картинка OffLine;

    $("#pun-viewtopic .post .post-author ul").each(function ()   {
    $(this).html('<div class=UL>'+$(this).html()+'</div>');
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    $(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});

   $("div.UL").hide();     //Кому не надо изначального свертывания - строку cиним убираем
    $("ul .imgON_Off").click(function () {
    $(this).parent("ul").find(".UL").toggle('slow');});
    </script>

Если вам необходимо добавить класс к картинке для открытого состояния профиля:

Код:
<script type="text/javascript">
   var L0='<img class="imgON_Off" src="';
   var L1='" style="cursor:pointer;" />'; 

    var ImgON="http://s005.radikal.ru/i212/1009/13/26270b1c3c1a.jpg";  // Картинка Online;
    var ImgOff="http://s55.radikal.ru/i149/1009/e7/5251a5a51615.jpg";  // Картинка OffLine;

$("#pun-viewtopic .post .post-author ul").each(function ()   {
     $(this).html('<div class=UL>'+$(this).html()+'</div>');
     if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
}
else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});

$("div.UL").hide();     
  $("ul .imgON_Off").click(function () {
  $(this).toggleClass('On').parent("ul").find(".UL").toggle('slow');});
</script>

Отредактировано Герда (20.05.13 02:47)