如何根据我的菜单div添加动态填充顶部和底部

Question

当我单击汉堡包时，显示菜单div，菜单div的高度动态添加。但是菜单之间的填充顶部和底部是固定的。我想根据菜单div添加动态padding-top和bottom。 Check image

这是我的jquery代码。

<script type="text/javascript">
 $(window).ready(function(){
    var subtractvalue=7;
    var divide=42;
    var innerpadding= $(".menu_height_mobile").height();
    var final=(innerpadding / divide);
    var ptb= Math.round(final - subtractvalue );
    alert(ptb);
    //alert(ptb)
     $(".add_dynamic_pd").css({'padding-top': +ptb+"px", "padding-bottom": +ptb+"px"
    })

 })
</script>