Stuart Wright
Well-known member
Hello folks,
I've found one thread here re a set of tabs at the bottom of the content which wasn't any help, so I'm asking my question in this new thread.
We have implemented bottom tabs in our editorial pages at AVForums.
E.g. https://www.avforums.com/review/fast-furious-7-review.11379
The justification for having bottom tabs is that it makes their content more visible to people just at the point where it will be relevant.
For example, having read the review of Fast & furious 7 in the review linked above, the Discussion tab at the bottom is the link to click (to open the thread) to then comment.
The problem is that the standard Xenforo JS being used can't cope with two sets of
if you click a tab in either the top or bottom tab set and then click a different tab in the other.
For example, open the above page and click the Movie Specs tab in the top set of tabs and then click the Review tab in the bottom set of tabs. The highlighted tab changes, but the actual contents of the tab doesn't.
Our coder John speculates that the JS doesn't 'know' which tab is open in the one set if it's been opened in the other.
Is there an elegant way round this, please? Or do we have to rewrite the JS handling tabs?
Many thanks.
I've found one thread here re a set of tabs at the bottom of the content which wasn't any help, so I'm asking my question in this new thread.
We have implemented bottom tabs in our editorial pages at AVForums.
E.g. https://www.avforums.com/review/fast-furious-7-review.11379
The justification for having bottom tabs is that it makes their content more visible to people just at the point where it will be relevant.
For example, having read the review of Fast & furious 7 in the review linked above, the Discussion tab at the bottom is the link to click (to open the thread) to then comment.
The problem is that the standard Xenforo JS being used can't cope with two sets of
HTML:
class="tabs mainTabs Tabs"
For example, open the above page and click the Movie Specs tab in the top set of tabs and then click the Review tab in the bottom set of tabs. The highlighted tab changes, but the actual contents of the tab doesn't.
Our coder John speculates that the JS doesn't 'know' which tab is open in the one set if it's been opened in the other.
Is there an elegant way round this, please? Or do we have to rewrite the JS handling tabs?
Many thanks.
Last edited: