Hello! I'm trying to perfect an expandable accordion list that I put together, but I cant seem to fix the fact that there is extra white space after the text on every single block (See example here).
Heres what I have:
I've tried changing heightStyle: "content" to heightStyle: "fill" but it hasn't been working. Any input on this is much appreciated!
Thanks!
Heres what I have:
JavaScript:
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( ".accordion" ).accordion();
$(".accordion").accordion({ header: "h3", collapsible: true , active: false , heightStyle: "content" });
});
</script>
I've tried changing heightStyle: "content" to heightStyle: "fill" but it hasn't been working. Any input on this is much appreciated!
Thanks!