BlueOwlCreative » Topic: anchors and tabs http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/feed/ Thu, 05 Nov 2026 22:08:54 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28687 <![CDATA[anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28687 Wed, 25 May 2016 18:25:22 +0000 hhuchon Hi there,
I’m using some buttons in my header with links included to anchors. These anchors are actually tabs. When I clink on a button that scrolls to the tabs, Id like to have the pointed tab activated and opened … For the moment all links are pointing to the tabs by default with the first tab item selected. Can you help ?
I will send you a link to the page in a second private message.
Thanks a lot for your help

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28688 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28688 Wed, 25 May 2016 18:46:12 +0000 hhuchon http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28690 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28690 Thu, 26 May 2016 08:01:37 +0000 hhuchon Hi again,
just to let you know that I’ve changed a bit my tabs’ names. So, “testing” no longer exists, it’s called “Description” instead. Sorry for that but I had to include real content … My needs and issues remain the same though … Thanks for your help!

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28696 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28696 Thu, 26 May 2016 08:45:16 +0000 BlueOwl Hi there,

I see, yes, you should be able to do this with Javascript (using the Raw JS element).
I would add IDs to the anchors first off so you can access them easier with JS.
Then simply add a few onclick events with JS.
Basically you want On clicking of a Icon button to also imitate a click on a specific tab.
So something like this:

$(function() {
$( "#BUTTON_ID" ).click(function(){
    $( "#description" ).click();  // Imitate the click of the specific tab
});
});
]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28697 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28697 Thu, 26 May 2016 08:47:31 +0000 hhuchon Thanks a lot for your answer, I’ll give it a try. Unfortunately I’m not a Javascript wizard, so I do not know how to implement this, but I’ll try!
Once again, thank you for your help

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28699 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28699 Thu, 26 May 2016 09:42:46 +0000 hhuchon Hi again,
tried but failed …
The button I’m using is a top icon box element, and I can’t find a way to add an id to this element, only additional class is available in the settings panel. So, I’ve tried with a class .button using this code :
<script type=”text/javascript”> $(function() {
$( “.button” ).click(function(){
$( “#applications-and-protocols” ).click(); // Imitate the click of the specific tab
});
}); </script>
But it doesn’t work …
Thank you!

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28700 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28700 Thu, 26 May 2016 11:26:08 +0000 BlueOwl If you give me user/pass I would give it a try! :)
(use private reply).

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28702 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28702 Thu, 26 May 2016 12:12:09 +0000 hhuchon http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28703 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28703 Thu, 26 May 2016 12:34:46 +0000 BlueOwl Score! ;)

Just make sure you add the ID of the fourth tab once you add it to the JS.

]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28705 <![CDATA[Reply To: anchors and tabs]]> http://blueowlcreative.com/support_wp/forums/topic/anchors-and-tabs/#post-28705 Thu, 26 May 2016 12:38:25 +0000 hhuchon Waow! I’m impressed! Where is this added code ?
Thank you very much !

]]>