Meu widget não funciona

Bom, eu segui alguns Tutoriais do FdF e criei esse widget aqui:

Código:

<script>
jQuery(document).ready(function(){
  jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center>Carregando avatar...</center>
</script>
</div><dl class="faq" style="margin-bottom: -1px ! important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
  <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Alterar</div></dd><dd style="display: none;" id="l7"><span style="margin: 0pt 0px; display: block;"><a href="http://megaomnitrix.forumeiros.com/profile.forum?mode=editprofile&page_profil=informations" target="_blank"> Informações </a></span><span style="">
<a href="../profile.forum?mode=editprofile&page_profil=preferences" target="_blank"> Preferências </a></span><br><span style=""><a href="../profile.forum?mode=editprofile&page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
    <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><br><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Ver</div></dd>

<dd style="display: none;" id="l8"><span style="margin: 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style=""><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style=""><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style=""><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);"><br>
      <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Tópicos e mensagens</div></dd><dd style="display: none;" id="l9"><span style="margin: 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style=""><a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a></span><br><span style=""><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style=""><a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a></span><br><span style=""><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br> <small>{USERLASTVISIT}</small></a></span></dd></dl>

Mas no meu Fórum ele não funciona, ele só aparece, se clicar não acontece nada:



Se estiver alguma coisa errada no codigo me avisem

Obrigado, funcionou perfeitamente

~~EDIT~~

Desculpe incomodar mas, é possivel colocar o avatar oculto também, pois ocupa muito espaço do Fórum e estou com medo de estragar alguma coisa

Olá haiki!

Tente utilizar este código:

< Código >

Código: <script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script> <dl class="faq" style="margin-bottom: -1px ! important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">   <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Alterar</div></dd><dd style="display: none;" id="l7"><span style="margin: 0pt 0px; display: block;"><a href="http://megaomnitrix.forumeiros.com/profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style=""> <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><br><span style=""><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">     <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><br><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Ver</div></dd> <dd style="display: none;" id="l8"><span style="margin: 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style=""><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style=""><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style=""><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);"><br>       <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Tópicos e mensagens</div></dd><dd style="display: none;" id="l9"><span style="margin: 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style=""><a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a></span><br><span style=""><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style=""><a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a></span><br><span style=""><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br> <small>{USERLASTVISIT}</small></a></span></dd></dl>

< /Código >

Até logo haiki!
Byte

Não, eu não queria retirar o avatar, eu queria deixa-lo oculto como o menu, ou em proporções menores para não atrapalhar o layout do Fórum

Olá,

Tente esse:

Código:

<script src="http://illiweb.com/fa/js_16/collapsible_faq.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile.forum?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center>Carregando avatar...</center>
</script>
</div><dl class="faq" style="margin-bottom: -1px ! important;"><dt></dt><dd onclick="return CFAQ.display('l7', false);">
  <div style="cursor: pointer;" onclick="return CFAQ.display('l7', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Alterar</div></dd><dd style="display: none;" id="l7"><span style="margin: 0pt 0px; display: block;"><a href="http://megaomnitrix.forumeiros.com/profile.forum?mode=editprofile&amp;page_profil=informations" target="_blank"> Informações </a></span><span style="">
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences" target="_blank"> Preferências </a></span><br><span style=""><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars" target="_blank"> Avatar </a></span></dd><dd onclick="return CFAQ.display('l8', false);">
    <div style="cursor: pointer;" onclick="return CFAQ.display('l8', true);" onfocus="this.blur();"><br><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 10px; height: 10px;" border="0"> Ver</div></dd>

<dd style="display: none;" id="l8"><span style="margin: 0pt 0px; display: block;"><a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes" target="_blank"> Amigos e ignorados</a></span><span style=""><a href="../search.forum?search_id=watchsearch" target="_blank"> Tópicos supervisionados </a></span><br><span style=""><a href="../search.forum?search_id=draftsearch" target="_blank"> Rascunhos </a></span><br><span style=""><a href="../search.forum?search_id=favouritesearch" target="_blank"> Tópicos favoritos</a></span></dd><dd onclick="return CFAQ.display('l9', false);"><br>
      <div style="cursor: pointer;" onclick="return CFAQ.display('l9', true);" onfocus="this.blur();"><img src="http://img14.imageshack.us/img14/4351/icone1v.png" style="width: 15px; height: 15px;" border="0"> Tópicos e mensagens</div></dd><dd style="display: none;" id="l9"><span style="margin: 0pt 0px; display: block;"><a href="../msg.forum?folder=inbox" target="_blank"> Mensagens Privadas</a></span><span style=""><a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a></span><br><span style=""><a href="../search.forum?search_id=egosearch" target="_blank"> Tópicos que participo </a></span><br><span style=""><a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a></span><br><span style=""><a href="../search.forum?search_id=newposts" target="_blank"> Novas mensagens<br> <small>{USERLASTVISIT}</small></a></span></dd></dl>



Funcionou?

Até logo,

Nestle.

Ainda não funcionou, eu queria deixa-lo oculto, ou até mesmo menor até que o membro clique, daí o avatar apareceria completo

Assim não é possível.

Obrigado então