toggle

问题 I am trying to understand how the jquery toggle works. I want to toggle to next anchor with class plr-anchor on click of image with class go_down . The data is populated using maps. Jquery code: $('.go_down').on('click',function(e){ #('.plr-anchor').next('.plr-anchor').toggle()}); } Code snippet: {data.map(function(categ) { return <div> <a className="plr-anchor" id={categ.short_name}></a> <img src="/static/img/icon_up.png" className="go_down"/> </div>}.bind(this)} There seems to be a problem

问题 Looking for a cookie to be set when the user clicks on the link it'll open the div then the user can refresh the page and see the div is still open. =======HTML======= <a class="show-settings" href="#"></a> ========jQuery======= $(function () { //Toggle Settings var s = $("a.show-settings"); //On click to toggle settings s.click(function () { $("#s4-ribbonrow, #s4-titlerow").toggle(); }); //Add/Remove text s.toggle(function () { //$(this).text("Hide Settings"); }, function () { //$(this).text

问题 This is how I am coding: $(document).ready(function () { $("[id^=btnToggle]").click(function () { $('#infoToggle' + this.id.match(/\d+$/)[0]).toggle(); }); $('#dataTables-example').DataTable({ responsive: true }); }); Here this code $("[id^=btnToggle]") is not working, but when I remove $('#dataTables-example') it is working fine. I tried reversing their positions, I tried using separate document ready function, it did not work. Please let me know how to fix this? Thanks 回答1: The dom(

问题 I am having an issue combining two functions that work independently correctly, was hoping to gain some insight. I know this has todo with the id/class declarations, I am just not sure how to effectively accomplish showing/hiding a div and having the image function incorporated my toggle is as follows: (in the doc ready) $('.acc_container #info').hide(); $('.acc_container #showInfo').click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the

问题 I'm pretty new to jQuery, but seemed like it's a no-brainer. Just the same, I can't figure it out. I'm trying to toggle between two animation functions, but when function two completes, it goes ahead and calls function one as well. function toggleThis(){ $("#navSliderArrow").toggle(function() { $(this).animate({ marginLeft: '235' }, 500); $("#sliderArrow").attr("src", "images/hide_nav.gif"); }, function() { $(this).animate({ marginLeft: '0' }, 500); $("#sliderArrow").attr("src", "images/show

问题 HTML: <div id="bottomContent" class="bottom_content" > <p>First Content</p> </div> <div id="bottomContent2" class="bottom_content" > <p>second Content</p> </div> <div id="bottomContent3" class="bottom_content" > <p>Third Content</p> </div> JS: $("div.one").click (function(){ $("#bottomContent2").hide(); $("#bottomContent3").hide(); $("#bottomContent").animate({width: "toggle"}, 1000); }); $("div.two").click (function(){ $("#bottomContent").hide(); $("#bottomContent1").hide(); $("

问题 I have this code to toggle the ul visibility. $('.cliackable').click(function(){ $(this).find('ul').toggle(); }); $('.cliackable').click(function(event) { event.stopPropagation(); }); How do I toggle this when user clicks outside the ul ? I tried using the answer here but to no avail : jQuery toggle hide on click elsewhere Update my CSS looks like this <!-- language: css --> html, body {height:100%;width:100%;margin:0;} #navigation-main {width:65px;margin-left:10px;} #navigation-main .sf-menu

问题 Hi I'm trying to toggle content sepratly. For example: if I click on the first content it opens up and the rest stays closed and if I click on the second content the first content closes and the second one opens and it goes on like that until I don't have any more content. My problem is that when I click on the "+" it opens all the content. here is my html <div class="description"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam lacus, auctor vitae urna eget, sollicitudin

问题 I have this script for show/hide comments in the "main" page of my blog: albertosotophotography <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer'); // Only do this work if that div isn't empty if (commentsDiv

问题 please see this fiddle: http://jsfiddle.net/rabelais/e47xq/2/ I want to show the large image of the thumbnail when the uses hovers on the thumbnail. Below is my starting point. Any suggestions how to do this? In my final version there will be possible 20 thumbnails so I need the code to be as concise as possible. $(".thumnails").on("mouseover mouseout", "a", function () { $('#').toggle(); }); 回答1: .attr() $(this).attr('href') get current a tag href attribute. $(".thumnails").on("mouseover