is it possible that i will not create multiple functions for each div, and change my div class and button class will be retained as much as possible....??
here is my code i just got this js from the net too...
Expand|Select|Wrap|Line Numbers
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".slidingDiv").hide();
- $(".show_hide").show();
- $('.show_hide').click(function(){
- $(".slidingDiv").slideToggle();
- });
- });
- </script>
- <button class="show_hide"> Add New</button>
- <br />
- <div class="slidingDiv">
- <form action="" name="add" method="post">
- </strong>
- <tr>
- <td>form1:</td>
- <td width="225"><input type="text" name="amount" value="" />
- </td>
- </tr>
- <tr>
- <td><input type="submit" name="Submit" value="Submit" />
- <input type="reset" value="Reset">
- </td>
- </tr>
- </form>
- </div>
- <button class="show_hide">Add New</button>
- <br />
- <div class="slidingDiv">
- <form action="" name="add" method="post">
- </strong>
- <tr>
- <td>form2</td>
- <td width="225"><input type="text" name="amount" value="" />
- </td>
- </tr>
- <tr>
- <td><input type="submit" name="Submit" value="Submit" />
- <input type="reset" value="Reset">
- </td>
- </tr>
- </form>
- </div>
- <button class="show_hide">Add New</button>
- <br />
- <div class="slidingDiv">
- <form action="" name="add" method="post">
- </strong>
- <tr>
- <td>form3</td>
- <td width="225"><input type="text" name="amount" value="" />
- </td>
- </tr>
- <tr>
- <td><input type="submit" name="Submit" value="Submit" />
- <input type="reset" value="Reset">
- </td>
- </tr>
- </form>
- </div>