Question

使用jQuery 1.2.6创建了一个Accordion边栏。我无法访问更新版本的jQuery。 CMS已锁定。我认为有某种bug没有显示第一个li元素。我尝试在jsfiddle中重新创建senario，但它也有一些问题。该网站可在http://www.cjp.org/our-work.aspx访问。我遇到的问题是左侧导航。例如Caring＆amp;社会公正关怀与社会公正有三个联系，但它只显示两个环节？任何帮助表示赞赏。

由于

以下是整个脚本，但“Sidebar Accordion Nav”是控制左侧导航的一个。可以在http://www.cjp.org/local_includes/top-nav.js访问该脚本。

$(document).ready(function() {

// Dropdown Navigation on hover
$("#linkListSub1 li").hover(function() {

    $(this).find("ul").slideDown(150).show();
}, function() {
    $(this).find("ul").slideUp(200);
});


//Adding "Search CJP" in input box
$('.search').attr('value', 'Search CJP');


// Homepage search bar clear on focus
$('.search').each(function() {

   var default_value = this.value;

   $(this).focus(function(){
           if(this.value == default_value) {
                   this.value = '';
           }
   });

   $(this).blur(function(){
           if(this.value == '') {
                   this.value = default_value;
           }
    });
});

// Homepage tabs for Events and News
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {

    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();

    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false

});

$(".paging li").css({ opacity : 0.8 });

  // Sidebar Accordion Nav
 $(function() {
// Sidebar Accordion Nav
$("#linkListSub3 li li").hide();

$("#linkListSub3 li").hover(function() {

    if ($("li", this).is(":hidden")) {

        $("#linkListSub3 li li").next().slideUp();
        $("li", this).next().slideDown();
    }

},function(){

});


//Hide And show Toggle Bar animation
//Hide (Collapse) the toggle containers on load
$(".toggleContainer").hide();

//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$("a.trigger").click(function() {
   var $this = $(this),
    $container = $('#ctl00_ContentPlaceHolder1_supportingElements'); // Takes care of the issue where the outer container doesn't expand with the box.
if($this.hasClass('active')) {
    $container.height($container.data('height'));
}
else {
    $container.data('height', $container.height()).css('height', 'auto');
}
$(this).toggleClass("active").next().slideToggle("slow");
$(this).text($(this).text() == 'Collapse' ? 'Expand' : 'Collapse'); // Toggles the text from expand to Collapse


return false; //Prevent the browser jump to the link anchor/Prevent the browser jump to the link anchor
});

});


});

Answer 1

这不是jQuery中的错误，它是JS中的一个错误。这是一个更简单的解决方案：

$(function() {    
    $("#linkListSub3 > ul > li").hover(function() {
        $("#linkListSub3 ul ul").slideUp();
        $(this).find("ul").slideDown();
    }, function() {

    });
});

具体来说，这应该替换以// sidebar accordion nav

开头的部分

jQuery 1.2.6隐藏了第一个li元素

1 个答案: