Hola a tod@s, he creado un menú desplegable con todas las opciones con la misma clase excepto una.
Yo lo que quiero es que cuando se marque el estado de "Ohio" me haga un "fadeIn" en Jquery de un elemento, y si se escoge cualquier otro estado pues a través de otro "fadeIn" se vea visualize otro elemento diferente.
Lo podéis ver aquí:
http://sergibeltran.com/jim3/patch_cables.html
Tenéis que ir a:
Black >
6i >
Straight / Straight >
YES > Y entonces elegiis un estado.
Ahora, al clicar en cualquier estado no se activa ninguna acción y no entiendo el porqué, he revisado todo y parece que todo esté perfectamente. Os pongo el código:
Código HTML:
Ver original<div class="bloc-payment" id="pa-color-black-length-6i-con-s-s-yes"> <span class="step">Step 4 - Buy your cable
</span> <a href="javascript:void(0)" class="backs">Back to step 1 - Choose color ( Black )
</a> <a href="javascript:void(0)" class="backs2">Back to step 2 - Choose length ( 6 inches )
</a> <a href="javascript:void(0)" class="backs3">Back to step 3 - Choose connector ( Straight / Straight / Gold ends )
</a> <span class="state">Select your state:
</span> <option value="Connecticut" class="noh">Connecticut
</option> <option value="Massachusetts" class="noh">Massachusetts
</option> <option value="Mississippi" class="noh">Mississippi
</option> <option value="New Hampshire" class="noh">New Hampshire
</option> <option value="North Carolina" class="noh">North Carolina
</option> <option value="North Dakota" class="noh">North Dakota
</option> <option value="Northern Marianas Islands" class="noh">Northern Marianas Islands
</option> <option value="Pennsylvania" class="noh">Pennsylvania
</option> <option value="Puerto Rico" class="noh">Puerto Rico
</option> <option value="Rhode Island" class="noh">Rhode Island
</option> <option value="South Carolina" class="noh">South Carolina
</option> <option value="South Dakota" class="noh">South Dakota
</option> <option value="Virgin Islands" class="noh">Virgin Islands
</option> <option value="West Virginia" class="noh">West Virginia
</option> <div id="pa-color-black-length-6i-con-s-s-yes-noh"> <p class="price">29.95 $
</p> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="MM37PAL8ZHAVU"> <input type="image" src="http://sergibeltran.com/jim/img/add.png" name="submit" alt="PayPal. La forma rápida y segura de pagar en Internet."> <img alt="" src="https://www.paypalobjects.com/es_ES/i/scr/pixel.gif" width="1" height="1"> <li><img src="img/payment/PayPal.png" alt="PayPal"></li> <li><img src="img/payment/Visa.png" alt="Visa"></li> <li><img src="img/payment/Mastercard.png" alt="Mastercard"></li> <li><img src="img/payment/American-Express.png" alt="American Express"></li> <li><img src="img/payment/Discover-Network.png" alt="Discover Network"></li> <span class="comment">* The shipping will be free.
</span> <span class="comment">* The shipping will be between 4 and 6 days.
</span> <div id="pa-color-black-length-6i-con-s-s-yes-oh"> <p class="price">35.95 $
</p> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="MM37PAL8ZHAVU"> <input type="image" src="http://sergibeltran.com/jim/img/add.png" name="submit" alt="PayPal. La forma rápida y segura de pagar en Internet."> <img alt="" src="https://www.paypalobjects.com/es_ES/i/scr/pixel.gif" width="1" height="1"> <li><img src="img/payment/PayPal.png" alt="PayPal"></li> <li><img src="img/payment/Visa.png" alt="Visa"></li> <li><img src="img/payment/Mastercard.png" alt="Mastercard"></li> <li><img src="img/payment/American-Express.png" alt="American Express"></li> <li><img src="img/payment/Discover-Network.png" alt="Discover Network"></li> <span class="comment">* The shipping will be free.
</span> <span class="comment">* The shipping will be between 4 and 6 days.
</span>
Código Javascript
:
Ver original$("#pa-color-black-length-6i-con-s-s-yes .noh").click(function(evento){
$("#pa-color-black-length-6i-con-s-s-yes-noh").fadeIn('5000');
});
$("#pa-color-black-length-6i-con-s-s-yes .oh").click(function(evento){
$("#pa-color-black-length-6i-con-s-s-yes-oh").fadeIn('5000');
});
Un saludo y gracias de antemano!