jQuery show/hide

@remaeisauthorMar 13.2011 — #Yes, thats it! but i already solve problem, and working perfect now:

<script src="jquery.min.js"></script>

<style>

.example{

width:100px;height:50px;background:gray;border:solid 1px #000;padding:10px;

}

</style>

<div style="position:absolute;top:100px;left:100px;"> <a href='#' id="example"> some link </a></div>

<div class="example">

--- Click outside div ---

</div>

<script>

var fieldExample = $('#example');

$('div.example').css({

"position":"absolute",

"left": fieldExample.offset().left,

"top": fieldExample.offset().top + fieldExample.outerHeight()

});

fieldExample.focus(function() {

var div = $('div.example').show();

$(document).bind('focusin.example click.example',function(e) {

if ($(e.target).closest('.example, #example').length) return;

$(document).unbind('.example');

div.fadeOut('slow');

});

});

$('div.example').hide();

</script>

PS:i just check it with more div's, and all working great!!!

-thanks!

jQuery show/hide

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

jQuery show/hide

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴