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 回答