Actually this is the perfect opportunity to put those href's into use:
<div id="tab_links">
<a href="#tab_1" class="active">slide 1</a>
<a href="#tab_2">slide 2</a>
<a href="#tab_3">slide 3</a>
</div>
<div id="tabs">
<div id="tab_1">slide 1</div>
<div id="tab_2">slide 2</div>
<div id="tab_3">slide 3</div>
</div>
The script:
$('#tab_links a').click(function(){
var activeTab = $(this).attr('href');
$(activeTab).fadeIn(500);
return false;
});
Even with your way you could have kept the IDs valid and have it work
the same:
...
<a href="#" id="link_tab_2">slide 2</a>
var activeTab = $(this).attr('id').substring(5);
$('#'+activeTab).fadeIn(500);
(you could also use $(this).attr('id').replace('link_', '') )
cheers,
- ricardo
On Mar 31, 10:25 pm, James <james.gp....@gmail.com> wrote:
> You're making it more complicated than it really is.
> Using something similar to Jonathan's method:
>
> // Change your id to something like 'link_1', like here:
> <a href="#" id="link_1" class="active">slide 1</a>
>
> var activeTabID = $(this).attr('id'); // -> link_1
> var activeTab = activeTabID.split('_')[1]; // -> 1
> $('#tab_'+activeTab).fadeIn(500); // fadeIn element with ID 'tab_1'
>
> On Mar 31, 3:04 pm, Warfang <warfang...@gmail.com> wrote:
>
> > Could I do something like this?...
>
> > var activeTab = $(this).attr('id');
> > $(''#(activeTab)'').fadeIn(500);
>
> > Those are two single quotes by the way. That is what I would like to
> > accomplish.
