Without really understanding what your fadeToggle plugin is doing,
this will toggle adding and removing a class:
$(function() {
$('a.aboutlink').toggle(
function () {
$(this).addClass('aboutBox');
},
function () {
$(this).removeClass
('aboutBox');
}
});
On Feb 27, 6:09 pm, zac <zacharyf...@gmail.com> 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
