我不知道这里发生了什么......我正在尝试在我的菜单上添加一个幻灯片...看起来非常简单..我试图简化这个尝试找到问题(意思是我已经采取了所有的链接和额外的jquery,只有底部的例子 - 最后的段落)但我不知道错误是什么..(其他它没有做任何事情)
包括:
<script type="text/javascript" src="/raceday/Scripts/jquery-1.4.2.min.js"></script>
剧本:
<script type="text/javascript">
$("button").click(function() {
$("p").slideToggle("slow");
});
HTML:
<div class="ttl-area">
<h2 class="ttl-account"><span>Account</span></h2>
</div>
<div class="account-area">
<div class="login-holder">
<p><strong>Welcome, <%= ViewModel.Profile.Name.First %></strong></p>
<ul class="account-links">
<span id="loginTitle">User Options</span><br /><br />
<li>
<%= Html.ActionLink<EventController>( x => x.List(), "All Events" )%>
</li>
<li>
<%= Html.ActionLink<MyEventsController>( x => x.List(), "My Events" )%>
</li>
<li>
<%= Html.ActionLink<AccountController>( x => x.Edit(), "My Profile" )%>
</li>
<li>
<%= Html.ActionLink<ClubController>( x => x.List(), "All Clubs" )%>
</li>
<li>
<%= Html.ActionLink<MyClubsController>( x => …如果这是一个新手问题,请原谅我:
我有一个菜单设置打开下一个div以查看更多细节,如果还有另一个div打开它将关闭它,同时打开新的.如果你单击与该div关联的标题,我无法弄清楚如何关闭已打开的div.它只是关闭并重新打开.
码:
$(document).ready(function() {
$(".heading").click(function(){
if($(".content").is(":visible")){
$(".less").removeClass("less");
$(".content").slideUp(500);
}
$(this).next(".content").slideToggle(500);
$(this).children(".more").toggleClass("less");
});
});
任何帮助表示赞赏.
我正在尝试将jQuery Cookie插件实现到我的幻灯片切换脚本中,但到目前为止还没有成功.这是我的代码(没有任何cookie实现):
jQuery的:
$(document).ready(function() {
$('a.toggle').click(function() {
var id = $(this).attr('name');
$('#module' + id).slideToggle('fast');
$('a.toggle[name='+id+']').toggle();
return false;
});
});
HTML:
<a class="toggle" name="1" href="#">- Hide</a>
<a class="toggle hidden" name="1" href="#">+ Show</a>
<div id="module1"><p>Hello World</p></div>
任何人都知道在现有代码中实现jQuery Cookie插件是否容易,以便记住打开/关闭状态？
谢谢.
我在 jquery 中遇到这个动画的问题，它似乎在所有浏览器中都不稳定。
这是链接： 这里
您必须单击“Fotovoltaico”和“Fotovoltaico a concentrazione”才能查看动画问题。
我知道我将文件链接正确,因为它显示在Chrome上的检查器中.这是我的HTML:
<!DOCTYPE html>
<html>
<head>
<title>jQuery</title>
<script type='text/javascript' src='jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='scripts/change.js'></script>
</head>
<body>
<p>
<button id="start">Start</button>
<button id="stop">Stop</button>
</p>
<p id="image">
<img src='images/image.jpg' alt="image" />
</p>
</body>
</html>
jQuery的:
$('#start').click(function() {
$('#image').slideToggle(3000);
});
我有两个默认隐藏的div.然后用户在点击时显示div.如果div已经打开,并且用户单击以显示另一个div,我希望隐藏当前div,并显示新div.
我目前的代码是这个..
HTML
<div class="menu">MENU</div>
<div class="search">SEARCH</div>
<div class="menu-box">MENU BOX</div>
<div class="search-box">SEARCH BOX</div>
CSS
.menu, .search {
display:inline-block;
cursor:pointer;
}
.menu, .search, .menu-box, .search-box {
padding:20px;
background-color: #ccc;
margin-right:10px;
}
.menu-box, .search-box {
width:20%;
display:none;
}
.menu-box {
background-color:red;
}
.search-box {
background-color:green;
}
JAVASCRIPT
$('.menu').click(function(){
$('.menu-box').slideToggle();
});
$('.search').click(function(){
$('.search-box').slideToggle();
});
你可以在这里看到一个有效的演示......
http://codepen.io/seraphzz/pen/zbHDk
我一直在寻找帮助,但找到的所有解决方案都是标签,其中一个div总是显示.这不是我追求的.只有在点击该链接时才应显示div.
因此,要确认,如果"菜单"div已经打开,并且用户点击"搜索",我希望隐藏"菜单"div并显示"搜索".这两个div应该永远不会同时出现!
提前致谢
jquery ×6
slidetoggle ×6
animation ×1
cookies ×1
javascript ×1
this ×1
toggle ×1
toggleclass ×1