i have section tag contains div consists of list buttons. have hidden div within button div want slide down under button clicked pushes down rest of content below it. how go this? have tried using css position : relative don't think i'm using correctly. here html code:
<section style="float: left;" id="queryselection"> <div id="querybuttons"> <input class="btn btn-info net-man" id="zstory11" type="submit" value="top 10 market/operator/cell id combinations" /> <input class="btn btn-info net-man" id="failuresperdevicebtn" type="submit" value="failures per device" /> <input class="btn btn-info cust-rep supp-eng net-man" id="failuresperimsibtn" type="submit" value="failures per imsi" /> <input class="btn btn-info cust-rep net-man supp-eng" id="st6_causecodesperimsibtn" type="submit" value="failure cause codes per imsi" /> <input class="btn btn-info supp-eng net-man" id="imsisperfailureclassbtn" type="submit" value="imsi's per failure class"/> <input class="btn btn-info net-man" id="top10imsicallfailstimeperiod" type="submit" value="top 10 imsis call failures" /> <div id="querypanel"> </div> </div> </section> how go sliding "querypanel" div below button clicked. here javascript used when button clicked.
if($('#querypanel').is(':visible')){ $('#querypanel').slidetoggle("fast"); } else{ $("#querypanel").slidetoggle("slow"); } at moment slides "querypanel" div under "querybuttons" div not desired result
this came with:
$(".net-man").click(function(){ var elem = $("#querypanel"); $("#querypanel").remove(); elem.insertafter($(this)); $("#querypanel").hide().slidetoggle("fast"); });
Comments
Post a Comment