you can begin here and expand it,also whenever your interaction is with browser it has nothing to do with php <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js "></script> <script type="text/javascript"> $( document ).ready(function() { $('#details').css("display","none"); $("#familymember").click(function(){ { $('#details').css("display","block"); } }); }); </script> <input type="radio" id="normalmember" value="normal member">normal member<br> <input type="radio" id="familymember" value="family member">Family member<br> <div id="details"> Name:<input type="text"><br> Date of Birth:<input type="text"><br> </div> <input type="radio" name="youthmember" value="youth member">youth member Sincerely Negin Nickparsa On Wed, Jul 2, 2014 at 9:15 AM, Jim Giner <jim.giner@xxxxxxxxxxxxxxxxxx> wrote: > You must also assign the same name=... to your radio buttons otherwise one > could click on all three of them, instead of selecting just the one you > want. > > > -- > PHP General Mailing List (http://www.php.net/) > To unsubscribe, visit: http://www.php.net/unsub.php > >