// 'get a quote!' button is clicked $('.contactQuote').click( > > function(e){
e.preventDefault(); > > $('#content').css({'width', '33%'}); > > > $('#sidebar2').css({'display', 'block'}); > > $('.wpcf7').css({'border', '3px solid #6ABC00'}); > }); > $('.wpcf7 input').focus(function(){ > $('.wpcf7').css({'border', 'none'}); > }); > }); i fixed your current script a bit see it if works currently you had element.css(); i changed it to element.css({}); you had function() i changed to function(e) you had return false; i changed to e.preventDefault() On Thu, May 14, 2009 at 3:02 PM, 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