menu drop

[Retur 1]

Estou com esse código que achei na internet,adaptei algumas coisas para um projeto,o problema é que se tiver mais de 2 arquivos,ambos abrem e fecham no mesmo momento o menu,só deveria abrir o menu drop no arquivo ao qual foi clicado.

$(document).ready(function() {$(".conta").click(function(){  var X=$(this).attr('id');  if(X==1){$(".submenu").hide();$(this).attr('id', '0'); }else{$(".submenu").show();$(this).attr('id', '1');}}); $(".submenu").mouseup(function(){return false}); $(".conta").mouseup(function(){return false}); $(document).mouseup(function(){$(".submenu").hide();$(".conta").attr('id', '');});});

 

<div class="dropdown"><a class="conta"><img src="" width="59" height="88" /></a><div class="submenu" style="display:none;"> <ul class="raiz"><li><a href=""></a></li>        <li><a href="></a></li> </ul></div> <div class="dropdown"><a class="conta"><img src="" width="59" height="88" /></a><div class="submenu" style="display:none;"> <ul class="raiz"><li><a href=""></a></li>        <li><a href="></a></li> </ul></div>

[Retur 1]

Consegui resolve ro problema,fiz a seguinte alteração.

$(".conta").click(function(){var X=$(this).attr('id'); var valor = $(this).attr('rel'); if(X==1){$(".submenu").hide();$(this).attr('id', '0'); }else{$('#'+valor).show();$(this).attr('id', '1');}
});

 

<div class="dropdown"><a class="conta" rel="2"><img src="" width="59" height="88" /></a><div class="submenu" id="2" style="display:none;"> <ul class="raiz"><li><a href=""></a></li>        <li><a href=""></a></li> </ul></div>
</div>