$open.click - nothing happens
Hello,
I´m using a script for revealing images. I changed the script, because I wanna use the effect after a sliding effect.
-
$collection.each(function(){
var $this = $(this).addClass('photo-area');
var $img = $this.find('img');
var $info = $this.find('.info_area');
var opts = {};
opts.imgw = $img.width();
opts.imgh = $img.height();
opts.orgw = $this.width();
opts.orgh = $this.height();
$img.css ({
marginLeft: "-150px",
marginTop: "-150px"
});
//var $wrap = $('.photo_slider_img',$this);
//var $open = $('.more_info');
//var $close = $('#close',$this);
var $wrap = $('<div class="photo_slider_img">').append($img).prependTo($this);
var $open = $('<a href="#" class="more_info">mehr ></a>').appendTo($this);
var $close = $('<a class="close">schließen</a>').appendTo($info);
$open.click(function(){
alert("hh");
$this.animate({
width: opts.imgw,
height: (opts.imgh+95),
borderWidth: "10"
}, 600 );
$open.fadeOut();
...
return false;
});
});
Till the function "$open.click(function(){" everything works fine, but nothing happens, when I click on the more-Button.
I hope anyone can help me out.
Best regards