Search jQuery

jQuery Forum

Left justified hidden tabs

in Using jQuery UI • 11 years ago

I'm trying to build a tab system for displaying extra content on a site once the tabs are clicked. I've got the jQuery script down so it will open the content and move the tab when clicked, but it won't move the tab back to the original position when it's clicked again. Here's the URL where I'm currently working.

http://johnbriney.com/portfolio/tabs.html

If anyone can help tell me what I'm doing wrong here, I'd appreciate it.

Thanks,

John

Replies(2)

kbwood.au

Re: Left justified hidden tabs

11 years ago

The click function only applies to matching elements currently on the page. Since there is no blog-tab-active initially included, it never has any event handler attached. Use the live function or the new on function to attach handlers to current or future matching elements:

$(function() { // Shorthand for $(document).ready(function() {
$('div.blog-tab').live('click', function() {
$('div.blog-content-area').animate({width: 'toggle'}, 'fast');
$(this).removeClass().addClass('blog-tab-active');
});
$('div.blog-tab-active').live('click', function() {
$('div.blog-content-area').animate({width: 'toggle'}, 'fast');
$(this).removeClass().addClass('blog-tab');
});
});

jwbriney

Re: Left justified hidden tabs

11 years ago

Awesome, works great! Thanks again!

Top Reply

Response title

Attachments

jQuery Forum

Left justified hidden tabs

Replies(2)

Re: Left justified hidden tabs

Re: Left justified hidden tabs

Statistics

Tags

Actions