I work with this library. Unfortunately, there are no indents between the blocks, they are simply glued together (when they are rearranged under each other at a small screen resolution). This plugin is a list and each node is .stiff-chart-inner li . You can give it a margin , or padding property, but when clicked, the cobweb connecting the blocks retreats to the specified distance. I thought that it would be possible to add js and with the help of jquery to process the click and during it to remove the indent. Googling wrote the following:

 $('stiff-chart-inner li').click(function() { $(this).css('margin-bottom', '0px'); });

It did not work. Probably I incorrectly specified the selector. Please tell me how to write it down correctly, what did it work? Or maybe, in this case, there is still some way out (so as not to embed styles using jquery by force)?

    1 answer 1

     $('stiff-chart-inner li')

    Is there a typo here when porting the code or is it written in your code? If this is a class, then you need to address the dot

     $('.stiff-chart-inner li').click(function() { $(this).css('margin-bottom', '0px'); });