Multiple <title>
tags are not allowed, but you could modify the document.title
property using javascript. For example, this would work:
$('#animals, #reptiles, #snakes, #how-do-you-catch-a-snake').click(function(e) {
//assuming selected tabs get a .selected class
if (!$(this).hasClass('selected')) {
$(this).addClass('selected');
//Assuming you want to make the `<title>` the same as the tab's contents
document.title = this.innerHTML;
} else {
$(this).removeClass('selected');
}
});
That makes a whole bunch of assumptions, but without code provided, I can't really give you a more fitting code. This should give you a general idea about how this could work though.