Support » Plugin: CSSIgniter Shortcodes » Anchor tag doesn't work for tabs

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Anastis Sourgoutsidis

    (@anastis)

    Hi there.

    This feature is not available in the plugin.
    You can emulate it by adding the following javascript code in your website:

    jQuery(document).ready(function($) {
    
    	var hash = window.location.hash;
    
    	if ( ~hash.indexOf( 'tab' ) ) {
    		$( 'a[href="' + hash + '"]' ).trigger( 'click' );
    	}
    
    });

    You can add it either manually or via a plugin.
    Just make sure it runs as late as possible, so that the tabs have a chance to initialize first.

    Hope this helps.

    I’m not good with javascript. What I did was adding the following code after the end of [/tabs] shortcode.

    <script>
    jQuery(document).ready(function($) {
    	var hash = window.location.hash;
    
    	if ( ~hash.indexOf( 'tab' ) ) {
    		$( 'a[href="' + hash + '"]' ).trigger( 'click' );
    	}
    });
    </script>

    Is that correct place to add the code? Also, should I replace ‘tab’ to ‘Event Coordination’, which it looks like this?

    if ( ~hash.indexOf( 'Event Coordination' ) ) {

    It still doesn’t work.

    Plugin Author Anastis Sourgoutsidis

    (@anastis)

    No, don’t replace the word ‘tab’, as it’s not related with that text.

    Try adding the javascript code using a plugin, such as this: https://wordpress.org/plugins/custom-css-and-javascript/

    Make sure (if there is such an option) to load it in the footer, rather than the header.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Anchor tag doesn't work for tabs’ is closed to new replies.