Question

我有两个独立的jQuery函数，允许用户切换div的可见性。通过defualt，div将处于关闭状态。我正试图找到一种方法来设置此页面的链接，该链接将根据传递给查询字符串的ID打开特定的div。我的jQuery看起来像这样：

    jQuery(document).ready(function(){

   //make first div always open

    jQuery(".toggle_container:not(:first)").hide(); 
    jQuery(".toggle_container:first").show();
    jQuery("h6.trigger:first").addClass("active");

    jQuery("h6.trigger").click(function(){
      jQuery(this).toggleClass("active");
      jQuery(this).next(".toggle_container").slideToggle(300);
    });

    //The second function

    jQuery(function(){
        jQuery(".toggleIt").click(function(){
          jQuery(this).next(".hiddenText").slideToggle("fast"); 
            jQuery(this).html(function(i,html) {
                if (html.indexOf('+') != -1 ){
                   html = html.replace('+','-');
                } else {
                   html = html.replace('-','+');
                }
                return html;
            })
        });
    });

HTML

<h6 class="trigger" id='uniqueID"></h6>
 <div class="toggle_container">
TEST
</div>

//and the second toggled container
 <p class="toggleThis tips" id="AnotherID">+</p>
<div class="hiddenText2">
Another TEST
</div>

我想在网址的查询字符串中添加一个ID，并让它打开具有相同ID的隐藏div。到目前为止我的结构都是这样......

var category = getParameterByName('cat');
var id = getParameterByName('id');

if(id)
{

}
else if(category)
{

}
else
{
    //moving this in here 
    jQuery(".toggle_container:not(:first)").hide(); 
    jQuery(".toggle_container:first").show();
    jQuery("h6.trigger:first").addClass("active");
}

我被困在这一部分。有小费吗？

Answer 1

您使用PHP或其他语言创建HTML吗？..我会创建一个隐藏字段，填充查询变量，并使用onLoad打开div，如果该字段已填充。

jQuery通过查询字符串触发事件

1 个答案: