Tag: 切换

Jquery切换自定义动画

我有这个动画,我想点击链接时触发。 当我单独运行动画时,它工作正常。 但是使用jquery toggle() ,它不再起作用了。 谁能轻易明白为什么? 没有toggle()它可以工作(单独运行): $(‘#sign-in-fx’).click(function() { $(‘.login_form’).animate({ width: ‘273’ }, ‘slow’, ‘easeInOutQuart’); //$(‘.login_form’).animate({ width: ‘1’ }, ‘slow’, ‘easeInOutQuart’); }); 使用toggle()没有任何反应: $(‘#sign-in-fx’).click(function() { $(‘.login_form’).toggle( function() { $(this).animate({ width: ‘273’ }, ‘slow’, ‘easeInOutQuart’) }, function() { $(this).animate({ width: ‘1’ }, ‘slow’, ‘easeInOutQuart’) } ); }); 这类似于jQuery切换动画

使用jquery和cookie切换并保留状态

我有两个用jquery切换的div。 我希望它们在页面重新加载时具有相同的状态,因此使用coockie。 但它无论如何都被卡在其中一个div上,因为我似乎无法设置正确的coockie。 怎么了? body { margin: 80px; } .about { } .nav { display: none; } This is the about text This is the nav text jQuery(document).ready(function($) { //check cookie when page loads if (jQuery.cookie(“visible”) === “nav”) { jQuery(“.nav”).css({ display: “block” }); jQuery(“.about”).css({ display: “none” }); } jQuery(“#knapp”).click(function () { jQuery(“.about”).toggle(10); jQuery(“.nav”).toggle(10); if(jQuery(“.nav”).css(“display”) === […]

如何使用Toggle添加和删除必需属性

我的用户可以访问表单。 为了简化任务,我放了一个可选择的列表,但如果答案不在列表中,他们可以手动添加一个原因 默认情况下需要可选列表,但如果用户访问文本字段,则需要该列表,并且不再需要列表(反之亦然)。 HTML: Select 1 2 3 4 5 Other JS: $(‘input[name=”messagetick”]’).click(function() { $(‘#motif-reject’).toggle(this.checked); }); 你可以看到JsFiddle: https ://jsfiddle.net/rkkdhant/ 我不知道如何处理切换,你能帮助我吗?

jQuery切换隐藏在其他地方点击

这可能是一个非常简单但从未使用过这种类型的东西所以不知道该怎么做。 我正在使用fadeToggle来显示隐藏div $(‘#account-toggle’).click( function(){ $(‘#account-toggle’).toggleClass(‘account-active’); $(‘.account-group’).fadeToggle(‘fast’); }); 它工作得很好..(显然没什么复​​杂的:P)现在我想要的是当用户点击屏幕上的其他地方时隐藏它。 任何人都可以帮助我实现这一目标吗?…非常感谢

如何淡化切换,使过渡看起来更柔和

我怎么能让切换过渡看起来更柔和? 我正在“切换”2个div: $(document).ready(function(){ var tweet = $(“ul.tweets li”); tweet.hover(function(){ $(this).find(‘.a’).toggle() .end().find(‘.b’).toggle(); }); }); 这是小提琴

Jquery:将.toggle添加到使它消失

我有 Auto-Update: ON 和 $(‘#autoUpdate’).toggle(function(){ alert(‘a’); }, function(){ alert(‘b’); }) 当页面加载时,完整的 -Tag显示:none并且’b’被警告! 我应该补充说,如果这很重要并且链接位于顶部导航中,那么这是使用Twitter Bootstrap开发阶段的网站。 顺便说一下,如果我将a-tag更改为 fe,一切似乎都很好。

jQuery翻译+切换,如何链接这两个?

我目前正在研究一个将网站文本翻译成外语的jQuery脚本。 我正在使用Google Translate API。 我希望该页面包含一个名为En Espanol的链接,当用户点击En Espanol时,页面正文将被翻译成西class牙语,但该链接除外,用英语表示 – 当用户点击该链接时,页面正文将恢复为英文。 下面的代码是我到目前为止的代码。 任何帮助将不胜感激。 谢谢。 JQuery的: $(document).ready(function(){ // hide all blocks that have class hide //$(‘.hide’).hide(); // toggle link1 with container1 // using chaining for performance and ease // changing html of link $(‘.showhide’).toggle(function(){ //$(this).parent().next().slideDown(‘slow’).removeClass(‘hide’).preventDefault; $(this).html(‘English’); },function(){ //$(this).parent().next().slideUp(‘slow’).addClass(‘hide’).preventDefault; $(this).html(‘En Espanol’); }) }); HTML: En Espanol Google Inc is […]

如何动态切换jquery中的元素?

所以我想做的是制作一个动态的小脚本来选择countys然后选择城市。 好吧,我在mysql数据库中拥有所有的countys和citys。 如果我在标记中选择一个县,则与该县相关的城市应显示在下一个标记中。 所以基本上也许我可以做点什么 $(document).ready(function() { $(‘.county’).click(function(){ $(this.name).toggle(); }); }); 其中countys的选项可能是这样的: This County 当我点击上面的内容时,每个连接到”This County”城市都会出现。 只需要对此进行一些罚款。 有人认为他们可以帮忙吗?

我想根据按钮中的文本切换表行filter

Car Bike Type Color Wheels Car Red 4 Motorcycle Green 2 Bike Blue 2 Car Blue 4 Bike Green 2 Motorcycle Red 2 $(function () { $(“#btn”).click(function() { var type = $(this).text(); $(‘td:first-child’).parent(‘tr:not(:contains(‘+type+’))’).toggle(); }); $(“#btn1”).click(function() { var type = $(this).text(); $(‘td:first-child’).parent(‘tr:not(:contains(‘+type+’))’).toggle(); }); }); 添加到: 过滤:如何在点击时隐藏/显示(切换)某些表行? 基于Itotally提供的解决方案,我基于按钮文本过滤表行。 这是最有效的解决方案吗?

切换HTML5音频的“静音”属性

我正在尝试创建一个静音/取消静音按钮,我对jquery很新,所以如果有人能给我任何指针会有帮助: $(“#dinner”).click(function() { var bool = $(“#player”).muted; $(“#player”).attr(“muted”,!bool); });