[jQuery] Tabs plugin update: autoheight, effects
Ok, the tab was remaining 'grey' because the CSS selector :focus. If I
remove the :focus from the css directive, it works fine. However, that
makes it difficult for tab navigation. Is there a handy jquery function
to remove focus from an element? Like a .blur() function?
http://langdata.potowski.org
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Meece, Clifford T
Sent: Wednesday, September 13, 2006 12:48 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Tabs plugin update: autoheight, effects
Ok, I have fixed it so none are open on initial load, so now the last
think is for the background shading to go away when you close a tab.
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Meece, Clifford T
Sent: Wednesday, September 13, 2006 12:32 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Tabs plugin update: autoheight, effects
I took a stab at implementing some of these changes. Right now I have
just modified the code to suit my case. It would be better, of course,
to define an option like SelfToggle, or AllowNone, which would allow
both behaviors. I have a site that is work in progress at :
http://langdata.potowski.org
The tabs are at the top. Don't bother looking at it with IE. I still
have lots of specific IE fixes to put in to my css files. In FF the
tabs are working well with a few caveats:
- haven't implemented 'all closed on load'
- if you click the open tab, it closes, and ONCLASS is removed, but the
button still has altered background. This is a CSS issue for sure, and
I guess it has to do with the fact that even though the div isn't
displayed, we are still 'at' #section-1 or whatever.
Do you have any hints at the best way to fix the second issue?
The code ( part of it ) that I changed is this:
} else if (options.fxSlide) {
if
(target.css("display") != 'none' ) {
visible.slideUp(options.fxSpeed,
function() {
$(container).find('>ul>li').removeClass(ON_CLASS);
});
} else {
if (
visible.size() > 0){
visible.slideUp(options.fxSpeed, function() {
changeClass();
target.slideDown(options.fxSpeed,
callback);
});
} else {
changeClass();
target.slideDown(options.fxSpeed,
callback);
}
}
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Klaus Hartl
Sent: Wednesday, September 13, 2006 1:58 AM
To: jQuery Discussion.
Subject: Re: [jQuery] Tabs plugin update: autoheight, effects
Meece, Clifford T schrieb: