Поочередное появление зависимости от выбора элемента

<style>
    .tracsaction{
        height:40px;
        width:240px;
        font:13px Verdana, Geneva, sans-serif;
        font-weight:700;
        color:#000066;
        margin-left:10%;
    }
    .tracsaction_text{
        border:1px solid #333333;
        margin-left:11%;
        float:left;
    
        }
            .tracsaction_text1{
        border:1px solid #333333;
        margin-left:21%;
        float:left;
    
        }
    
</style>
<form action="" method="post">
  <input   class="tracsaction" name="СОЗДАТЬ СДЕЛКУ" type="submit" value="Автоматический гарант" >
  <input   class="tracsaction" name="СОЗДАТЬ СДЕЛКУ" type="submit" value="Полуавтоматический гарант" ></br></br>
    
    <p class="tracsaction_text">Комиссия 3% - 5%</p>
    <p class="tracsaction_text1">Комиссия 5% - 7%</p></br></br>
    
    
    
    
    
    
 
    <input class="tracsaction" name="Я заказчик" type="submit" value="Я заказчик">
    <input class="tracsaction" name="Я исполнитель" type="submit" value="Я исполнитель"></br></br>
    
    
    
    
    
    
    
    <center><input type="text" id="email" name="email" value="Введите логин" title="Введите логин" /></center></br>
    
    
    
    
    
    
    <select style="margin-left:10%" name="s" id="select1">
        <option>Выберите категорию</option>
        <option value="1">Товары</option>
        <option value="2">Цифровые Товары</option>
        <option value="3">Услуги</option>
    </select>
    
    
  
</form>