Javascript JQuery-具有外部链接的多个显示/隐藏div

我有一个完美的代码。但是我需要的是

1.单击以显示DIV plus打开外部链接 2.允许通过PHP实现此功能的倍数

有人能帮忙吗

$(document).ready(function () {
    $('.sub-nav ul').css("display","none");
    // Watch for clicks on the "slide" link.
    $('.sub-nav-btn').click(function () {
        $(this).next(".sub-nav ul").slideToggle(400);
        $(this).slideToggle(400);
        return false;
    });
    $('.sub-nav').on('click', 'ul', function () {
        $(this).prev(".sub-nav-btn").slideToggle(400);
        $(this).slideToggle(400);
        return false;
    });
});

HTML

btn1幻灯片数据

btn2
btn2数据幻灯片

您应该能够使用

window.open（）完成此操作
将链接URL捕获到一个变量中，并将该变量传递给
window.open（）
，如下所示：

$(document).ready(function () {
        $('.sub-nav ul').css("display","none");
        // Watch for clicks on the "slide" link.
        $('.sub-nav-btn').click(function () {
            var url = $(this).children('a').attr('href');
            if(url != null){
                window.open(url);
            }
            $(this).next(".sub-nav ul").slideToggle(400);
            $(this).slideToggle(400);
            return false;
        });
        $('.sub-nav').on('click', 'ul', function () {
            $(this).prev(".sub-nav-btn").slideToggle(400);
            $(this).slideToggle(400);
            return false;
        });
    });


希望这有帮助
 你想在iframe中加载一些局部视图还是打开整个单独的网站？你需要在说“加上打开一个外部链接”时更具体一点。在新的选项卡中？一个iframe？请放在新窗口中
$(document).ready(function () {
        $('.sub-nav ul').css("display","none");
        // Watch for clicks on the "slide" link.
        $('.sub-nav-btn').click(function () {
            var url = $(this).children('a').attr('href');
            if(url != null){
                window.open(url);
            }
            $(this).next(".sub-nav ul").slideToggle(400);
            $(this).slideToggle(400);
            return false;
        });
        $('.sub-nav').on('click', 'ul', function () {
            $(this).prev(".sub-nav-btn").slideToggle(400);
            $(this).slideToggle(400);
            return false;
        });
    });