Question

我是jQuery的新手，当用户点击按钮时尝试显示div。按钮位于文本下方，可以上下移动。

我尝试过几件事，但无法解决。

这是我的代码：

HTML

<div class="travel_infobox">

</div>
<div class="clearfix"></div>
<div class="travel_info_button">
<a href="#" target="_blanc">InfoBox</a>
</div>

的jQuery

<script>
     $(document).ready(function(){
        $("input.show").click(function(){
        $(".travel_infobox").show("blind");
    });
    });

    $(document).ready(function(){
        $("input.hide").click(function(){
        $(".travel_infobox").hide(blind);
    });
    });

</script>

Answer 1

您必须只使用$(document)ready(function() {});一次，需要让jQuery知道页面何时完全加载以运行您的代码。

然后，input.show我认为某个地方有一个带show课程的输入按钮，否则它无法正常工作。

<script>
    $(document).ready(function(){
        $("input.show").click(function(){
            $(".travel_infobox").show("blind");
        });
        $("input.hide").click(function(){
            $(".travel_infobox").hide("blind");
        });
    });
</script>

Answer 2

试试这个。你的节目和隐藏按钮在哪里？所以我添加了一个。

<div class="travel_infobox">
Trave info
</div>
<div class="clearfix"></div>
<div id="travel_info_button">
<a href="#" target="_blank">InfoBox</a>
</div>
<button id='show'>show</button>
<button id='hide'>hide</button>
<script>
    $(document).ready(function(){
            $("#show").click(function(){
            $(".travel_infobox").show("blind");
        });
        });

        $(document).ready(function(){
            $("#hide").click(function(){
            $(".travel_infobox").hide("blind");
        });
        });
</script>

用jQuery盲函数显示div

2 个答案: