我有这个代码 http://jsfiddle.net/s2CtY/16/效果很好。然而我需要的是为了
1.点击显示DIV加打开外部链接 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
<div class="sub-nav">
<div class="sub-nav-btn"><a href="http://www.yahoo.com">btn1</a></div>
<ul>btn1 slide data
</ul>
</div>
<div class="sub-nav">
<div class="sub-nav-btn">btn2</div>
<ul>btn2 data slide
</ul>
</div>
最佳答案
您应该能够使用 window.open();
完成此操作
将链接 URL 捕获到一个 var 中,并将该 var 传递给 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;
});
});
DEMO 希望这对您有所帮助!
关于javascript - JQuery - 多个显示/隐藏带有外部链接的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25891556/