The Collapsible Blogroll

As you can see I decided to convert my blogrolls to a collapsible form. It's not that hard to do. Here is the basic code:

<span id="blogroll16" name="blogroll16" style="cursor:pointer"
onclick="
if(document.all)
    {
  br16more.style.display='';
  blogroll16.style.display='none';
  }
else
  {
  br16more = document.getElementById('br16more');
  br16more.style.display='';
  blogroll16 = document.getElementById('blogroll16');
  blogroll16.style.display='none';
  }
"><h2>Mind & Media Reviewers»</h2></span>
<div id="br16more" name="br16more" style="display:none;">
<span style="cursor:pointer; "
onclick="
if(document.all)
  {
  br16more.style.display='none';
  blogroll16.style.display='';
  }
else
  {
  br16more.style.display='none';
  blogroll16.style.display='';
  }
"><h2>«Mind & Media Reviewers</h2></span><br>
<div><script language="javascript" type="text/javascript"
src="http://rpc.bloglines.com/blogroll?id=StacyHarp"></script></div>
</div><br>

The id/name blogroll16 can be changed, but just make sure you change every instance of it. The same goes for  br16more. The text in red is the title of the blogroll and the text in green is the actual blogroll. When you copy the above, paste it first in a word processor that strips out character formatting (I use Super NoteTab) otherwise you might get some really odd results.

Posted by Danny Carlton at June 11, 2005 09:11 AM