jquery - move div to index position -

-

i have 3 divs on page.

you can see sample here-

fiddle

on page fading divs on click. goes fine according assumed.

now if click on div tab, siblings fading out , fading-in again on show button click.

when div goes hide, comes left position default. want div click should go @ middle of page. tried giving index position of second-child not working.

how can index position of second child moving box @ middle?

jquery-

$(function () {         var index = $('.span4:nth-child(2)').index();         $('.container .row-fluid .span4 ').click(function () {             $(this).show().siblings().fadeout();             $(this).css('margin', index);         });         $('.show-all').click(function () {             $('.span4').fadein();         });     });

maybe should use .position() instead of .index()

$(function () {     var index = $('.span4:nth-child(2)').position().left;     var left = $('.span4:nth-child(2)').position().left;     var top = $('.span4:nth-child(2)').position().top;     $('.container .row-fluid .span4 ').click(function () {         $(this).show().siblings().fadeout();          $(this).css('margin-left', left);     });     $('.show-all').click(function () {          $('.span4').css('margin', "auto");         $('.span4').fadein();     }); });

http://jsfiddle.net/yrsal/9/


Comments

Post a Comment

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

-
this related previous question asked: hide / show multiple divs i have code in place previous question , seems work ok apart when change value in dropdown "after" ticket selection made. i have number of javascrpts in place wondering if there clash somewhere? first bit of code in head of document. <head> <script type="text/javascript"> $(function() { $('.cat_dropdown').change(function() { $('#paymethod').toggle($(this).val() >= 2); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $(".paymentmethod").click(function () { $(".paymentinfo").hide(); switch ($(this).val()) { case "credit card authorisation": $("#pay0").show("slow"); break; ...
Read more

html - Accumulated Depreciation of Assets on php -

-
i have problem table print out asset accumulated depreciation on php, stright line method. $query = mysqli_query($connect, "select current_value, salvage_value, useful_life, placed_service assets"); if(!$query){ echo 'could not run query b: ' . mysqli_error($connect); exit; } while($asset = mysqli_fetch_row($query)){ echo "assets :"; print_r($asset); $month = 12; $year = date('y',strtotime($asset[3])); $first_year = $month - ((int)date('m',strtotime($asset[3]))-1); $last_year = $month - $first_year; $first = round((($asset[0] - $asset[1])/$asset[2])*(($first_year)/12),0); $last = round((($asset[0] - $asset[1])/$asset[2])*(($last_year)/12),0); $others = ($asset[0] - $asset[1])/$asset[2]; echo "<table border=1>"; echo "<tr><th>year</th><th>book value year start</th><th>depreciation expense</th><th...
Read more

Update QSQLTableModel in QT C++ -

-
i created 1 dialog used bindvalues in sql database, , can save every new record sucessfully. problem i've got dialog qsqltablemodel shows information database. every time make new record must close program , run again see changes in showinformationdialog() . know way such don't need close program update information in showinformationdialog() ? you can use select() method of qsqltablemodel class repopulate model data database. bound views updated automatically. suggest connecting signal wherever update data in database (i.e. dialog updating sql database) custom slot in showinformationdialog() calls select() of qsqltablemodel object. assume have qmainwindow object parent of both dialogues best place establish connection. also since showinformationdialog() 's model used viewing data consider using qsqlquerymodel . if used setquery() method should used instead of select() otherwise (the connection of signal showinformationdialog() 's slot) same. ...
Read more