WordPress.org

Ready to get started?Download WordPress

Forums

Tabs Shortcode
[resolved] Effects transitions (4 posts)

  1. JAVOB
    Member
    Posted 1 year ago #

    Hello I would like to know how to add the effect of fade in and fade out when one clicks on the titles of the tabs.

    Thanks in advance.

    http://wordpress.org/extend/plugins/tabs-shortcode/

  2. enej
    Member
    Plugin Author

    Posted 1 year ago #

    There is no easy way to add the effect you would need to deregister the current tabs shortcode js and add your own in its place.
    wp_deregister_script( 'tab-shortcode' );

    Hope that answers your question.

  3. JAVOB
    Member
    Posted 1 year ago #

    ok, but what should I put code and where exactly?
    Thanks in advance.

  4. JAVOB
    Member
    Posted 11 months ago #

    Hi I have made the following changes to this file

    tabs-shortcode/tab.js

    jQuery(document).ready(function($) {
    
    	$.each(tabs_shortcode, function(id, attr) {
    		$("#" + id).tabs( attr );
    		//Added
    		$("#" + id ).tabs({
    			activate: function( event, ui ) {
    				ui.newPanel.hide().fadeIn(800);
    			}
    		});
    	});
    	if ( location.hash ) {
    		$('a[href="'+location.hash+'"]').trigger('click');
    	}
    });

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic