</script> <script> Some script here </script> Fieldset "> </script> <script> Some script here </script> Fieldset "> </script> <script> Some script here </script> Fieldset " />

コンテナを隠すjQueryボタン

フィールドセット全体を消していくボタンがあるフィールドセットを作成しています。これは可能ですか?私はこのコードで始めました:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script>
<script>
 Some script here
</script>
Fieldset

Dissapering fieldset

<input type="button" onclick=" Some event here" value="Hide this fieldset">
1
タグの余分なスペースには何がありますか?
追加された 著者 djdy,

6 答え

$('#button_id').click(function() {
    $('#fieldset_id').hide();
});

または

$('#button_id').click(function() {
    $('#fieldset_id').fadeOut();
});
3
追加された
$("button").click(function() {
    $("fieldset").css("display", "none");
});
1
追加された
または$( "fieldset")。fadeOut() api.jquery.com/fadeOut
追加された 著者 Tim,

http://jsfiddle.net/YAJ4u/

JS Fiddleの私の解決策に従って、ボタンのid hider を押してから:

$('#hider').click(function() {
     $('#test').fadeOut('slow');
});
1
追加された

これを試して:

$(document).ready(function() {
$("buttonId").click(function() {
  $("yourfieldSetId").fadeOut("slow");
});
});

それが役に立てば幸い

1
追加された
ありがとう!それは完璧に働いた。
追加された 著者 Gᴇᴏᴍᴇᴛᴇʀ,

この変更されたコードを実行します。

<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script>  

</head>

<body>


Fieldset

Dissapering fieldset

<input type="button" onclick="$('#test').hide('slow')" value="Hide this fieldset">
</body> </html>
1
追加された

私にはかなり簡単です。ただ、fieldsetには、fieldsetと言うidを与えます

$(function(){

    $('#fieldset').click(function(){
     $(this).fadeOut();
    }  
}
1
追加された