添加到javascript代码中的显示/隐藏图像旋转href需要按钮

我有以下脚本，当您单击div中的图像时，它会在一个新窗口中打开相应的a href链接。同时，在父页面上单击的div变为隐藏，并显示下一个div

还有一个“下一步”按钮，以便在不单击图像的情况下前进到下一个div。此“下一步”按钮不会打开当前div上相应的a href。它只是跳到下一个div

这一切都工作得很好，但是我现在尝试添加一个按钮，单击该按钮将带您到visible div的href位置

这有意义吗

下面是一个JSFIDLE演示：

这是代码

<div id="container">
    <div class="imgrotation"><a href="http://google.com" target="_blank"><img src="abc.jpg" width="100" height="100" border="0" /></a></div>
    <div class="imgrotation"><a href="http://yahoo.com" target="_blank"><img src="def.jpg" width="200" height="200" border="0" /></a></div>
    <div class="imgrotation"><a href="http://msn.com" target="_blank"><img src="ghi.jpg" width="300" height="300" border="0" /></a></div>
    <div class="imgrotation"><a href="http://bing.com" target="_blank"><img src="jkl.jpg" width="400" height="400" border="0" /></a></div>
</div>

<button id="nextimg">Next Image</button>

<!--This is what I need added to JS -->
<button id="gotourl">Visit Site</button>

---

​

添加此jquery也会起作用

$('#gotourl').on('click',function(){
      window.open($(".imgrotation:visible a").prop('href'));
});

​ ​

---

​

那正是我想要的，谢谢！如何将

next

功能添加到该按钮，以便在单击时隐藏/显示下一个div？因此，您希望它也能像next image按钮一样工作？您可以使用触发器（“click”）触发next image按钮的click功能是的，因此我想要一个只执行下一个功能的按钮，还有一个按钮执行下一个函数+打开href位置。我编辑了上面的代码，向您展示了如何执行下一个函数+打开新窗口，并添加了更新的JSFIDLE。如果回答了您的问题，请接受作为答案。谢谢：）

$('#gotourl').on('click',function(){
      window.open($(".imgrotation:visible a").prop('href'));
});

function$('#gotourl').on('click',function(){
    window.open($(".imgrotation:visible a").prop('href'));
    $('#nextimg').trigger('click');
});