jQuery Hide / Show

Inserts an accessible buttons/links to hide and show sections of content.

Example A

An example with the default options.

Initialisation

$(".exampleA").hideShow();

Example B

An example with the trigger element inserted into a different location.

Initialisation

$(".exampleB").hideShow({
    insertMethod: 'after',
    insertTriggerLocation: '.exampleB_heading'
});

Example C

An example using an existing element on the page as the trigger element.

Contact details

Initialisation

$(".exampleC").hideShow({
    speed: '600',
    state: 'hidden',
    triggerElementTarget: '#triggerC'
});

Example D

An example that closes the content when clicking elsewhere in the document.

The content must have been opened up through a trigger press or click for this to work.

Initialisation

$(".exampleD").hideShow({
    closeOnClick: true
});

Public methods

Contact details