Changes

no edit summary
Line 3: Line 3:     
__NOTOC__
 
__NOTOC__
 +
__NONEWSECTIONLINK__
 +
__NOEDITSECTION__
    
{| width="100%" cellpadding="10" cellspacing="10px"
 
{| width="100%" cellpadding="10" cellspacing="10px"
Line 31: Line 33:  
:Questions or comments?
 
:Questions or comments?
   −
<div class="tab"><p>Title<a aria-controls="collapseExample"aria-expanded="false" data-toggle="collapse" href="#open1" role="button">(<i>open/close</i>)</a></p>
+
<div class="collapsiblemenu">
<div class="collapse" id="open1">
+
<div class="collapsibletab c1">title</div>
<p>paragraph.</p>
+
<div class="contentcollapsibletab">paragraph</div>
</div>
  −
</div>
      
===Test 3===
 
===Test 3===
Line 52: Line 52:     
|}
 
|}
 +
 +
//TABS collapse
 +
$(".collapsibletab").append("<div class='cshow'>+</div>");
 +
 +
$(".collapsibletab").click(function() {
 +
  $(this).addClass( "active" );
 +
      if($(this).next().is(':visible')){
 +
            $(this).find(".cshow").html("+");
 +
            $(this).next().slideUp('slow');
 +
      }
 +
      else
 +
      {
 +
            $(this).find(".cshow").html("-");
 +
            $(this).next().slideDown('slow');
 +
      }
 +
});
 +
 +
</script>