使用 jQuery 显示带有超链接的 Div
Reveal Div with Hyperlink using jQuery
我有一个jQuery面板,点击按钮时会打开。
但是,我想要页面底部的第二个链接,该链接打开相同的面板。
我如何实现这一点?
这是我的JSFiddle和Javascript:
$(document).ready(function() {
// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
$("#open").addClass("hidden");
$("#close").removeClass("hidden");
});
// Switch visiblility of the "Close Panel" button
$("#close").click(function () {
$("div#panel").slideUp("slow");
$("#close").addClass("hidden");
$("#open").removeClass("hidden");
});
});
非常感谢您的任何指导。
它可能
很简单,但是如果您触发按钮的单击事件,它应该会产生您需要实现的效果。
$("#myLink").click(function(){
$("#open").click();
});
这是更新的小提琴:http://jsfiddle.net/4dkoke6w/2/
如果这不是您想要的,请告诉我,我可以根据您的要求对其进行一些调整。
扩展选择器:
// Expand Panel
$("#open, #link").click(function(){
$("div#panel").slideDown("slow");
$("#open").addClass("hidden");
$("#close").removeClass("hidden");
});
像这样:
$(document).ready(function() {
function showPanel(){
$("div#panel").slideDown("slow");
$("#open").addClass("hidden");
$("#close").removeClass("hidden");
}
// Expand Panel
$("#open,#second-button-you-talked-about").click(showPanel);
//or
$("#open").click(showPanel);
$("#second-button-you-talked-about").click(showPanel);
// Switch visiblility of the "Close Panel" button
$("#close").click(function () {
$("div#panel").slideUp("slow");
$("#close").addClass("hidden");
$("#open").removeClass("hidden");
});
});
(你还应该将jQuery元素存储在变量中(
使用class而不是id
$(".opendivs").click(function(){
$("div#panel").slideDown("slow");
$("#open").addClass("hidden");
$("#close").removeClass("hidden");
});
将类 Opendiv 提供给您要用来打开div 的所有链接
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 用超链接替换URLS
- 使用JavaScript从超链接加载时的默认下拉值
- Hammer.js阻止在Android Webview中点击超链接
- 将超链接添加到“;标题“;标记文本
- 文本建议的超链接
- 用Javascript按钮替换Javascript超链接
- 删除默认的ui超链接行为
- 谷歌将广告超链接映射到国家标记
- 如何在点击超链接时调用fullcalendar回调
- 单击“禁用其他超链接”
- 为Angularjs制作超链接
- 指向的超链接刚刚赢得'不起作用
- 将 Div 类附加到超链接类 — 然后单击时克隆并附加超链接到容器
- 使用 jQuery 显示带有超链接的 Div
- jquery通过所有Div标签将文本更改为超链接
- 是否可以在特定的DIV中设置超链接样式?
- 对整个DIV区域应用超链接
- 从同一页面中的HTML超链接调用特定DIV时出现问题