Team:Freiburg/Project/toolkit

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
<script type="text/javascript">
<script type="text/javascript">
-
$(document).ready(function(){
+
$(function() {
-
    $('.radioBtn').click(function(){
+
    $("[name=toggler]").click(function(){
-
        var div_id = $(this).attr('div_id');
+
            $('.toHide').hide();
-
        $('.my-div').hide();  
+
            $("#blk-"+$(this).val()).show('slow');
-
        $('.me_'+div_id).show();  
+
    });
-
    });  
+
});
-
});
+
</script>
-
    </script>
+
Line 83: Line 82:
-
<div class="my-div me_1">1</div>
+
<label><input id="rdb1" type="radio" name="toggler" value="1" />Book</label>
-
<div class="my-div me_2">2</div>
+
<label><input id="rdb2" type="radio" name="toggler" value="2" />Non-Book</label>
-
<div class="my-div me_3">3</div>
+
-
<div class="my-div me_4">4</div>
+
-
<div class="my-div me_5">5</div>
+
-
<p>
+
<div id="blk-1" class="toHide" style="display:none">
-
<input type="radio" div_id="1" class="radioBtn">
+
 
-
<input type="radio" div_id="2" class="radioBtn">
+
    <form action="success1.html">
-
<input type="radio" div_id="3" class="radioBtn">
+
 
-
<input type="radio" div_id="4" class="radioBtn">
+
        Name1:<input type="text" name="name">
-
<input type="radio" div_id="5" class="radioBtn">
+
            <input type="submit" name="submit">
-
</p>
+
 
 +
    </form>
 +
 
 +
</div>
 +
<div id="blk-2" class="toHide" style="display:none">
 +
 
 +
    <form action="success1.html">
 +
 
 +
        Name2:<input type="text" name="name">
 +
            <input type="submit" name="submit">
 +
 
 +
    </form>
</div>
</div>

Revision as of 23:46, 17 September 2013