Great! Thanks!!
On Feb 27, 7:09 pm, Josh Powell <seas...@gmail.com> wrote:
> oh, very nice. I wasn't aware of toggleClass.
>
> On Feb 27, 6:51 pm, Karl Swedberg <k...@englishrules.com> wrote:
>
> > Hi Zac,
>
> > You just need to add one line -- $(this).toggleClass('yourClass'); --
> > where "yourClass" is the class you want to toggle on and off.
>
> > You should also add return false after that line so that the default
> > click behavior doesn't occur.
>
> > jQuery.fn.fadeToggle = function(speed, easing, callback) {
> > return this.animate({opacity: 'toggle'}, speed, easing, callback);
>
> > };
>
> > $(function() {
> > $('a.aboutlink').click(function() {
> > $('.aboutbox').fadeToggle();
> > $(this).toggleClass('yourClass');
> > return false;
> > });
>
> > });
>
> > --Karl
>
> > ____________
> > Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> > On Feb 27, 2009, at 9:09 PM, zac wrote:
>
> > > Hi.. I am trying to have it so my navigation toggle hidden boxes on
> > > the site. I want it so the link toggles the box on and off, as well
> > > as having the link itself have a class toggled on and off (a
> > > background color).
>
> > > So far I have the toggling box...
>
> > > jQuery.fn.fadeToggle = function(speed, easing, callback) {
> > > return this.animate({opacity: 'toggle'}, speed, easing, callback);
> > > };
> > > $(function() {
> > > $('a.aboutlink').click(function() {
> > > $('.aboutbox').fadeToggle();
> > > });
> > > });
>
> > > .aboutbox {
> > > background: #151515;
> > > padding: 50px;
> > > border: 2px solid #000;
> > > display: none;
> > > }
>
> > > But I am not sure how I would also have the link itself (.aboutlink)
> > > have a class toggled on and off. simultaneously. Can someone please
> > > help me write this? I am very new and just learning so would really
> > > appreciate some help.
>
> > > Thanks,
>
> > > Zac
