Я строю набор полей, в котором есть кнопка, которая затухает во всем наборе полей. Это возможно? Я начал с этого кода:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script> <script> Some script here </script> <fieldset> <legend><b>Fieldset</b></legend> <p>Dissapering fieldset</p> <input type="button" onclick=" Some event here" value="Hide this fieldset"></input> </fieldset>
$('#button_id').click(function() { $('#fieldset_id').hide(); });
или
$('#button_id').click(function() { $('#fieldset_id').fadeOut(); });
Выглядит довольно просто для меня.Просто дайте fieldset идентификатор, скажем, fieldset, тогда
$(function(){ $('#fieldset').click(function(){ $(this).fadeOut(); } }
http://jsfiddle.net/YAJ4u/
Согласно моему решению в JS Fiddle, дайте ID кнопки hider, а затем:
hider
$('#hider').click(function() { $('#test').fadeOut('slow'); });
Запустите эту модифицированную версию вашего кода.
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script> </head> <body> <fieldset id="test"> <legend><b>Fieldset</b></legend> <p>Dissapering fieldset</p> <input type="button" onclick="$('#test').hide('slow')" value="Hide this fieldset"></input> </fieldset> </body> </html>
Попробуйте это:
$(document).ready(function() { $("buttonId").click(function() { $("yourfieldSetId").fadeOut("slow"); }); });
надеюсь, это поможет
$("button").click(function() { $("fieldset").css("display", "none"); });