Tag: 切换

有没有办法切换.append（）jQuery方法？: 我想追加另一个img来代替plus.svg。如果你们知道以某种方式切换.append()方法的方法，那就太好了。我想在你点击它时更改CSS，然后基本上再次更改它。 $(function(){ $(“#btw”).click(function(){ $(“#btwl”).slideToggle(300); $(this).append(“#btw::before{content: url(minus.svg);width: 16px;eight: 16px;background-size: 16px 16px;background-repeat: no-repeat;vertical-align: middle;padding-right: 10px;}”); }); });

隐藏/显示切换具有相同类名的单独div: 我有一个UL列表，每个LI都有一个隐藏的DIV，以及一个显示隐藏DIV的“更多信息”链接。但是，单击此按钮也会显示所有其他LI的隐藏DIV。我怎样才能隐藏/显示LI中的DIV，而不是所有其他隐藏的DIV节目？如果我点击一个我怎么能隐藏其他人？我想保留这部分，但以后我想删除它。同样点击我希望“更多信息”链接中的文字更改为“隐藏”。这是我目前的脚本： $(window).load(function() { $(‘.grey_button a’).toggle(function() { $(‘.job_description’).slideDown(”); return false; }, function() { $(‘.job_description’).slideUp(”); return false; }); });

切换一个相同类的div: 当几个div与jQuery具有相同的类时，如何使用Toggle ？我想在点击时只显示一个div。 JavaScript的 $(“.help_content”).hide(); $(“.help_target”).click(function() { $(‘.help_content’).toggle(); // I also tried with $(“.help_content”).show(); }); HTML Click Asia Click Africa 我不能使用next（），因为.help_content不是.help_target的后代。（我想在fieldsets中使用.help_target并在fieldsets中显示.help_content）。

jquery切换更改有关状态的图像: 我正在使用jquery切换来隐藏一些内容，如果他/她想看到它，用户可以“展开”。这是一个jsFiddle： http://jsfiddle.net/yjs2P/ 使用此代码： $.noConflict(); function toggleDiv(divId) { jQuery(“#”+divId).toggle($); } 正如你所看到的那样，第一个元素已经打开了一个“close”-image（红色），另外两个元素被“关闭”了“开放”-images（橙色）。现在我希望实现这一点，如果用户点击其中一个图像，所有切换元素都会关闭，并且与点击相关的元素会被打开。打开元素时，图像应该更改为其他状态，因此如果图像关闭（橙色），图像应该更改为打开（红色），反之亦然。任何人都可以向我提供这个问题的任何提示吗？提前干杯！

jQuery动态切换: 我想动态切换div。这是我到目前为止发现的…… $(“.toggle”).click(function() { $(this).next(‘.container’).toggle(‘fast’); }); 我有这个（HTML）： 1 2 3 Content1 Content2 Content3 当我单击FIRST元素（带有类切换的h4）时，我希望带有类容器的FIRST元素打开/关闭。当我单击第二个toggle-class时，第二个容器类应该打开。我的例子中的下一个不起作用。

我需要.slideToggle来处理hover（jQuery）: 我有一个导航div，可以点击打开。我的客户希望打开div的链接链接到一个页面，然后在hover时切换div（因此链接可以在点击时导致另一个页面）。这是我到目前为止的代码： $(document).ready(function(){ $(“#drawer”).hide(); $(“.toggle-drawer”).show(); $(‘.toggle-drawer’).click(function(){ $(“#drawer”).slideToggle(); }); }); 这是该网站的链接： http ： //gearthirty.com （点击“supersite”链接，看看我在说什么）。提前致谢！

使用JS切换/显示一个已定义的DIV: 我有一个小提琴： http ： //jsfiddle.net/vSs4f/ 我想通过简单点击a.haschildren来显示div.sub-menu 。如果正文加载div.sub-menu应该关闭。如果我在a.haschildren div.sub-menu二次点击，则div.sub-menu应该关闭。我已经采样了很多东西，但我认为DIV的问题很多。一个想法是小提琴。 $(function() { $(“a.haschildren”).click(function(e) { e.preventDefault(); $(‘div.sub-menu:visible’).hide(); $(this).next(‘div.sub-menu’).show(); }); }); 我真的希望你能帮助我，谢谢！

hover的元素然后单击删除hover效果并再次单击再次添加hover: 我正在尝试用JQuery创建一个搜索词拼图框。基本上每个单元格中都有一个字母表，用户需要通过单击表格单元格来查找和标记网格中的单词。所以我试图通过以下方式组合点击和hover事件：当鼠标结束时，所有单元格都应该具有hover突出显示效果，除非已经单击它。如果单击它，它应该只是更改为不同的颜色来标记活动选择，以便删除hover效果。再次单击所选单元格后，它应恢复到其原始状态，并添加hover高亮效果。进一步的点击只会重复上面提到的切换。这怎么可能？我用unbind（），bind（）选项尝试了以下操作，但它没有用。谢谢，阿提拉 $(“#puzzleTable td”).each(function(){ $(this).hover( function(){ $(this).css(“background-color”, “#FF6633”); }, function() { $(this).css(“background-color”, “#99CC00”); }).toggle( function(){ $(this).unbind(‘mouseenter mouseleave’), $(this).css(“background-color”, “#006699”) }, function(){ $(this).css(“background-color”, “#99CC00”), $(this).bind(‘mouseenter mouseleave’) } ); });

隐藏所有下一个tr td直到下一个tr th: 它应该很简单但是这个jQuery函数占用了很多元素，它甚至隐藏了我认为的jQuery。我想做的是，当一个人点击一个tr时，所有下一个tr td应该隐藏到下一个tr 。我怎样才能使这段代码工作？ th { background:#dad; font-weight:bold; font-size:16px; width: 50%; } td { background:red; font-weight:bold; font-size:16px; width: 50%; } Show it 3 test 1 test 2 Show it 2 test 3 test 4 $(‘#example tr th’).click( function() { //alert($(this).parent().html()) $(this).parent().nextUntil(‘tr th’).toggle(); })

jQuery和CSS – 按高度剪切文本，不截断: 因为我想切换我的文字，我需要隐藏它的一部分。问题我的文字高度将是X或更小的像素。 div的高度取决于侧边栏的高度，并不像本演示那样静态。如果最后一行的字母现在被截断（se demo），我也想隐藏那一行。看看我的演示： http ： //jsfiddle.net/qWDLb/1/ 如果可以使用行高或字体大小计算高度，我自己的thougt会是什么？