Question

基本上我隐藏了页面上的所有答案div，但是如果用户点击了一个带有书签的链接，我想显示一个div。

这是javascript代码

<script type="text/javascript">
    $(document).ready(function(){
        //hide the all of the element with class msg_body
        $(".faq_answer").hide();
        //toggle the componenet with class msg_body
        $(".faq_question").click(function(){
            $(this).next(".faq_answer").slideToggle("normal");
        });
    });
</script>

该部分的结果HTML是

<li>
  <div class="faq_question">
     <a href="#url-blah" name="url-blah">Question</a>
  </div>
  <div class="faq_answer">
    <p>Text to show</p>
    </div>
</li>

修改

问题是我该怎么做...虽然在这里得到答案后想出来。

Answer 1

window.location.hash会在您的网址中为您提供值“＃”。您可以使用它来构建选择器。

// if visiting /index.php#item1
$(window.location.hash).show(); // $('#item1').show();

Answer 2

您可以在javascript中查找网址中的#url-blah并显示相应的部分吗？

Answer 3

我认为你需要在隐藏它的div中添加一个类，并根据点击功能显示它

我真的没有在这里看到一个问题

Answer 4

为了实现这一目标，您很可能需要稍微更改一下文档结构，因为您无法单独引用任何特定的“faq_answer”项目。

通常我在这里要做的是为每个答案使用特定的ID，然后你可以使用带有show动作的javascript来切换可见性。

有关我的HTML和jQuery代码的示例，您可以查看this page，查看版本历史记录部分。

用书签显示隐藏的div

4 个答案: