Giorgiosaud/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Example Collapsible Content

Style 1

_{Click to see more:} Given the following python code 

from pychartjs import BaseChart

class myChart(BaseChart):
    pass
chartJSON = myChart().get()

Write the following HTML

<div class="container">
   <canvas id="myChart"></canvas>
</div>
... and JS

var data = {{ chartJSON | safe }}
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, data);


Style 2

_{Click to see more:} Given the following python code 

from pychartjs import BaseChart

class myChart(BaseChart):
    pass
chartJSON = myChart().get()

Write the following HTML

<div class="container">
   <canvas id="myChart"></canvas>
</div>
... and JS

var data = {{ chartJSON | safe }}
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, data);


Style 3

CLICK ME

yes, even hidden code blocks!

print("hello world!")


Notes


All code block starter lines, e.g. ```python must be preceded by a blank space.
The closing block ``` tag must be followed by a newline.
The difference between Style 1 and Style 2 is a blank ` tag at the start of the table body