$(".logTreeToggle").map(function() {

          $(".tree-toggle").map(function() {

          $(".logTreeToggle").click(function() {

          $(".tree-toggle").click(function() {

          $(".logTreeExpandAll").click(function() {
              $(".logTreeToggle", $(this).parent().siblings(".toplevel")).map(function() {

          $(".tree-expand-all").click(function() {
              $(".tree-toggle", $(this).parent().siblings(".tree")).map(function() {

          $(".logTreeCollapseAll").click(function() {
              $(".logTreeToggle", $(this).parent().siblings(".toplevel")).map(function() {

          $(".tree-collapse-all").click(function() {
              $(".tree-toggle", $(this).parent().siblings(".tree")).map(function() {

ul.nesting, ul.toplevel {

ul.tree, ul.subtree {

}
ul.toplevel {

}
.line, .head {
    padding-top: 0em;

ul.nesting li.line, ul.nesting li.lastline {

/* Indent each tree level. */
li.tree-line {

    list-style-type: none;
}
ul.nesting li.line {

ul.nesting li.lastline {
    padding-left: 2.1em; /* for the 0.1em border-left in .lastline > .lineconn */

li.tree-line:last-child {
    padding-left: 2.1em; /* for the 0.1em border-left in the last child */

li.line {

/* Draw vertical tree lines next to all children except the last. */
li.tree-line {

li.line > span.lineconn, li.lastline > span.lineconn {

li.tree-line:last-child {
    border-left: 0;
}
/* Draw horizontal tree lines to all children. */
span.tree-conn {

li.lastline > span.lineconn {

/* Draw the vertical tree line to the last child. */
li.tree-line:last-child > span.tree-conn {

}
.tree-toggle {
    text-decoration: none;
    font-family: monospace;
    font-size: larger;

    position: relative; 

    position: relative;

.logTreeToggle {
    text-decoration: none;
    font-family: monospace;
    font-size: larger;
}

    <a href="javascript:" class="btn btn-info logTreeExpandAll"><i class="icon-plus icon-white"></i> Expand all</a>

    <a href="javascript:" class="btn btn-info tree-expand-all"><i class="icon-plus icon-white"></i> Expand all</a>

    <a href="javascript:" class="btn btn-info logTreeCollapseAll"><i class="icon-minus icon-white"></i> Collapse all</a>

    <a href="javascript:" class="btn btn-info tree-collapse-all"><i class="icon-minus icon-white"></i> Collapse all</a>

    <ul class='toplevel'>

    <ul class='tree'>

      <a href="javascript:" class="logTreeToggle"></a>

      <a href="javascript:" class="tree-toggle"></a>

      
      <ul class='nesting' style="{$style}">

      <ul class='subtree' style="{$style}">

          <!-- Is this the last line?  If so, mark it as such so that it
               can be rendered differently. -->
          <xsl:variable  name="class"><xsl:choose><xsl:when test="position() != last()">line</xsl:when><xsl:otherwise>lastline</xsl:otherwise></xsl:choose></xsl:variable>
        
          <li class='{$class}'>
            <span class='lineconn' />
            <span class='linebody'>
              <xsl:apply-templates select='.'/>
            </span>

          <li class='tree-line'>
            <span class='tree-conn' />
            <xsl:apply-templates select='.'/>