1

次のコードがあります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <title></title> 
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

        <script type="text/javascript" language="javascript"> 
            $(document).ready(function() {
                $("#widget_list").hide();

                $("#click_me").click(function() {
                    $(this).parents( "#clipboard" ).find( "#widget_list" ).toggle();
                });
            });
        </script>
    </head> 
    <body> 
       <div id="clipboard">

           <div href="#" id="click_me" style="border:solid 1px black;text-align:center;cursor:pointer;">
                \/
           </div>

           <div id="widget_list" style="border:solid 1px black;text-align:center;">
                some stuff here
           </div>

       </div>

       some other stuff here

    </body> 
</html>

jsFiddle デモ.

some stuff hereテキストをにハードコーディングする代わりに、#widget_list. トグル状態が表示されているときにそのテキストを に追加するにはどうすればよいですか?また、トグル状態が非表示のときに#widget_listそのテキストを削除するにはどうすればよい#widget_listですか?

4

2 に答える 2

2

デモ http://jsfiddle.net/QFTsb/1/ または http://jsfiddle.net/QFTsb/3/

使用.is(":visible")：http ：//api.jquery.com/visible-selector/

デモでアラートが表示されるか、トグル状態になるとアラートが表示されることがわかります

これは役立ちます

コード

$("#widget_list").hide();

$("#click_me").click(function() {
    $(this).parents("#clipboard").find("#widget_list").toggle(function() { alert($(this).is(':visible'));});
});​
于 2012-06-22T09:02:18.070 に答える
0

作業デモ

Divを非表示にしている間、ここにいくつかのものを入力するだけです

$("#widget_list").hide(function(){ $(this).html('some stuff here')});

$("#click_me").click(function() {
    $(this).parents( "#clipboard" ).find( "#widget_list" ).toggle();
});​
于 2012-06-22T09:03:43.903 に答える