SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to add toggled visible / invisible divs to a SharePoint wiki page, and put the function for the toggling in a web part. My toggling script works fine testing outside of SharePoint, but inside SP it won't run.

I'm able to add CSS and an ultra-basic script to the web part, and both seem to function fine in both IE and FF to change the page content the way I want them to.

There may be some restrictions preventing my site running some active content.

The JS I'm using:

<script type="text/javascript">
function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  } else {"none"
  return true;

on-page content:

<input type="button" class="button" onclick="return toggleMe('simplicity')" value="Simplicity">
<div id="simplicity" style="display:none">
<p>(content here)</p>

Any insight would be fantastic. Thanks ahead of time.

share|improve this question

I can't see anything directly wrong in your script. You could try debugging it by setting breakpoints in your favorite browser developer tools.

Just as a note, it could be easier to use a library such as jQuery, like this:

$(function() {
  $('.button').click(function() {
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.