want to use the Dante documentation page customisation

[celeteweitz]

Hi,

I wanted to recreate a page the same way as the Dante documentation page (http://dante.swiftideas.com/documentation/). I have figured the html part, the lists and content organization is also working. The few things I am unable to workout are:

i) color change to red on selecting a tab

ii) the most important part is where items appearing and disappearing on clicking of a particular tab, it requires a script , I have figured the script, but don’t know how to add it on a particular page.

$(function() {
$("#docs-contents").tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$("#tab-nav li").removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
$('ul#tab-nav li').on('click', function() {
window.location.hash = jQuery(this).find('a').attr('href');
//$('body,html').animate({scrollTop: 0}, 800, 'easeOutCubic');
});

I tried to add it in the custom js, but it didn’t work.

regards
celeste

[Rui Guerreiro – SUPPORT]

Hi,

Will forward the topic to the development team.
In the meantime can you tell us the link to that page?

-Rui

[Swift Ideas – Ed]

Hi @celeteweitz

This isn’t actually be covered by our support.

Are you trying to add this within WordPress? You’d probably be best off adding a plugin if you can find one with similar functionality.

– Ed