// '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
