javascript - Jquery, draggable div is not automatically resizing with accordion inside using Firefox -
i have jquery accordion inside draggable div. once div has been dragged becomes fixed height , doesn't react accordion expected. advice?
you can see not working @ http://addresslabels.tk/templates select 14 per sheet template , it's menu on left.
$(function() { $( ".draggable" ).draggable(); }); $(function() { $( ".closedaccordion" ).accordion({ collapsible: true, active: false }); $( ".openaccordion" ).accordion({ collapsible: true, });
css:
#printmenu { position:fixed; width: 235px; height: auto; padding: 10px; border-radius: 5px; }
html
<div id="printmenu" class="jsonly ui-widget-content draggable"> <div class="closedaccordion"> <h3>accordion</h3> <p>content</p> </div> </div>
the answer shown in duplicate question doesn't work me have add question!
i used javascript fix problem happening in firefox -
$("#printmenu").draggable({ handle: "#printmenutitle" }); $( ".closedaccordion" ).accordion({ collapsible: true, active: false }); $( ".openaccordion" ).accordion({ collapsible: true, }); $('#printmenutitle') .bind('mouseup', function(){ document.getelementbyid('printmenu').style.height = 'auto'; });
Comments
Post a Comment