I tried changing the ”block” or ”none” in various other combinations in the ”wp-showhide-elements.js” but couldnt get it to work as I wanted.

I was having the same problem getting the hidden box to start closed, and was a little confused by some of the replies. I am sure there is a better solutions than this, and one possibly one that could be incorporated into the plugin itself, but all you have to do is on the hidden content section put style=”display:none;” this way the content starts hidden, and when the button is clicked it checks what the current status is and reverses it.

ryan

Here’s the function again

function Showhide($atts, $content = null){
extract( shortcode_atts( array(
‘title’ => ‘Add Title’,
), $atts ) );
$nice_title = str_replace(‘ ‘,”,$title);

$rand = rand(0,20);

$accordion = ‘<h5 class=”question”><a onclick=”wp_showhide(\”.$nice_title.$rand.’\’)” href=”javascript:void(0);”>’.$title.'</a></h5>’;
$accordion .= ‘<div id=”‘.$nice_title.$rand.'” class=”answer” style=”display: none”>’. do_shortcode($content) .'</div>’;

return $accordion;
}

Open source contribution.

Add this to functions.php:

function Showhide($atts, $content = null){
extract( shortcode_atts( array(
‘title’ => ‘Add Title’,
), $atts ) );
$nice_title = str_replace(‘ ‘,”,$title);
$rand = rand(0,20);
$accordion = ‘‘.$title.’‘;
$accordion .= ”. do_shortcode($content) .”;
return $accordion;
}

add_shortcode(‘Showhide’,’Showhide’);

Here’s usage for the shortcode:
[Showhide title=’A really good Question?’]
With a really good answer.
[/Showhide]

Enjoy!