Perche' hai messo quella funzione due volte? Prova il codice sotto. Ti basta wrappare i campi alternativi in un div che puoi far comparire quando l'altro viene nascosto. Cmq ti consiglio di dare un'occhiata ad unobtrusive javascript/css.
codice:
<form name="sentMessage" method="post" action="mail/dettagliemail.php"> <div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="email">Email<span>*</span></label>
<input type="text" class="form-control" placeholder="Email" name="email" required data-validation-required-message="Per favore inserisci un Email valida">
<p class="help-block"></p>
</div>
</div>
<script language="javascript">
function toggleFields() {
var scelta = document.getElementById("scelta");
var txtField = document.getElementById("esempioInfo");
var alternateFields = document.getElementById("alternate_fields");
if (scelta.selectedIndex === 2) {
txtField.style.display = "block";
alternateFields.style.display = "none";
} else {
txtField.style.display = "none";
alternateFields.style.display = "block";
};
}
</script>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<strong>Hai già in mente dei modelli di smartphone?</strong>
<!--Se selezioni caso 1 non appare niente
se selezioni caso 2 appare la tabella con l'altro campo a selezione multipla
-->
<select name="scelta" id="scelta" onchange="toggleFields()">
<option value="" selected>- Seleziona</option>
<option value="uno" >No</option>
<option value="due">Si</option>
</select>
<div id="esempioInfo" style="display: none;">
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="scelta2">Inserisci i modelli</label>
<textarea rows="5" type="text" class="form-control" placeholder="Inserisci i modelli" name="scelta2"></textarea>
<p class="help-block"></p>
</div>
</div>
</div>
</div>
</div>
<div id="alternate_fields" style="display: none;">
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="prodotto">Marca cellulare preferita<span>*</span></label>
<input type="text" class="form-control" placeholder="Marca cellulare preferita" name="prodotto" required data-validation-required-message="Per favore inserisci il prodotto">
<p class="help-block"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="dimensione">Dimensione display<span>*</span></label>
<input type="text" class="form-control" placeholder="Dimensioni display" name="dimensione" required data-validation-required-message="Per favore inserisci le dimensioni dello schermo desiderate">
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="so">Sistema operativo<span>*</span></label>
<input type="text" class="form-control" placeholder="Sistema operativo Android / Windows / Apple" name="so" required data-validation-required-message="Per favore inserisci il sistema operativo desiderato">
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="dettagli">Altre caratteristiche desiderate</label>
<textarea rows="5" type="text" class="form-control" placeholder="Altre caratteristiche desiderate" name="dettagli"></textarea>
<p class="help-block"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<label for="prezzo">Prezzo Massimo<span>*</span></label>
<input type="text" class="form-control" placeholder="Prezzo Massimo" name="prezzo" required data-validation-required-message="Per favore inserisciun prezzo massimo">
<p class="help-block"></p>
</div>
</div>
</div>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12 text-right">
<button type="submit" name="button" class="btn btn-primary btn-lg">Invia Richiesta</button>
</div>
</div>
</form>
<input style="float:left;" type="checkbox" checked >
<p style="margin-left:20px;"> Con la spunta dichiaro di aver letto
l'informativa privacy pubblicata <a href="privacy.html">QUI</a> ed autorizzo il trattamento dei miei dati personali.
</p>