Hey Ricardo,
I thought this might be the case. Nothing to clarify on the jQuery
website that I could find. Thanks for the tip - I'll bear that in mind
for the future.
Cheers,
L
On May 14, 11:25 pm, Ricardo <ricardob...@gmail.com> wrote:
> dude, you can't animate from inline to block. For any width/height
> animation to work correctly the element needs display:block from the
> start.
>
> On May 14, 10:08 am, ldexterldesign <m...@ldexterldesign.co.uk> wrote:
>
> > Hey guys,
>
> > Got a little script I've written. Would like to animate the appearance
> > of the #sidebar2 to it's new block element state if possible ($
> > ('#sidebar2').css('display', 'block');).
>
> > // 'get a quote!' button is clicked
> > $('.contactQuote').click(function(){
> > $('#content').css('width', '33%');
>
> > > $('#sidebar2').css('display', 'block');
>
> > $('.wpcf7').css('border', '3px solid #6ABC00');
> > return false;
> > });
> > $('.wpcf7 input').focus(function(){
> > $('.wpcf7').css('border', 'none');
> > });
> > });
>
> > What I've been experimenting with isn't working unfortunately :[
>
> > // 'get a quote!' button is clicked
> > $('.contactQuote').click(function(){
> > $('#content').css('width', '33%');
>
> > > $('#sidebar2').animate({display: "block"}, 1000);
>
> > $('.wpcf7').css('border', '3px solid #6ABC00');
> > return false;
> > });
> > $('.wpcf7 input').focus(function(){
> > $('.wpcf7').css('border', 'none');
> > });
> > });
>
> > Any tips?
>
> > Cheers dudes,
> > L
