Jump to content

wesolvethem

Members
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

0 Neutral

About wesolvethem

  • Rank
    Newbie
  • Birthday 09/06/1984

Contact Methods

  • Website URL
    http://wesolvethem.com

Profile Information

  • Gender
    Male
  • Location
    Madison, WI
  • Interests
    Physics, Math Cooking

Recent Profile Visitors

70 profile views
  1. Hey dsonesuk, 

    You never answered any of my questions i.e. you just stated obvious issues, and there is no need for your rude remarks on my posts.

    You could say "Hey, actually this doesn't work on Wordpress." or "Hey, you need to do this in order for it to work." or, since you don't know the answer--just don't leave a remark--it seems as though, you should have just said, from the get-go, "I don't know how to fix this on Wordpress because the HTML is sound so it is not an issue 'I know how to solve.'" in which case you shouldn't have even posted.

    Saying "its a wordpress issue, its how wordpress saves the code and adds unwanted paragraphs" is just stating the obvious.

    Clearly, I am not an expert at this material. I understand this is a 'free site' to get help from but you should really learn your audience prior to slamming them with your arrogance. It is very unprofessional to respond in such a manner as you have.

    I hope you change your online etiquette because you just turned me off from ever using this site again.

    1. dsonesuk

      dsonesuk

      Actually I have told you multiple times, how to fix, search google, search wordpress forum. The answer is there, its mentioned multiple times.

      Quote

      "Hey, actually this doesn't work on Wordpress."

      It will work on wordpress, so why would i say it doesn't.

      Quote

      Hey, you need to do this in order for it to work.

      I've already told you! You have to change the settings or because you are incapable of typing in search bar regarding this,  try getting a plugin there's bound to be one, it would be more practical to go to wordpress specific sites, than try to get the answer from here we can help with html, JS, CSS, PHP etc non of which is specific for Wordpress.

      1) Its procedure to change setting regarding paragraphs may have changed, so you require the most up to date method.

      2) I don't see a wordpress section in this forum, I see tutorials regarding the putting together of a website, and producing slideshow's and accordion dropdown etc. and they work. So why try to fix something that if used as is, works and not broken. Its only when you add it to wordpress that the wordpress editor breaks the structure of the html, for the JavaScript code to work. What do you want us to do? Have a non wordpress version accordion, a wordpress version accordion, a wordpress version that will work with and without automatic paragraphs, because only you can't be bothered to look up 'HOW to prevent wordpress automatically adding paragraphs',.

      Quote

      Saying "its a wordpress issue, its how wordpress saves the code and adds unwanted paragraphs" is just stating the obvious.

      If it is that obvious why come here? obvious action is go to wordpress forum and look up the problem for the latest fix, instead of bringing it here, as the code would obviously works if it wasn't for the auto paragraph issue in WORDPRESS.

      Quote

      Clearly, I am not an expert at this material. I understand this is a 'free site' to get help from but you should really learn your audience prior to slamming them with your arrogance. It is very unprofessional to respond in such a manner as you have.

      I hope you change your online etiquette because you just turned me off from ever using this site again.

      We gave you advice but you didn't want to know,  you kept repeating the essentially same topic, over and over hoping for a different answer, you or someone who understands wordpress needs to adjust wordpress to prevent it happening, we don't know what the settings its using, we don't know current version or procedure to adjust settings.The  last version i worked was 4.8 something, the amount of updates it has, its possible that this has changed a lot.

      So what do you what us to do? look up the answer, repeat what we found here so you can make the required adjustments, or don't you think it would be better to actually do it yourself! get the answer, as you have access of version, what features are used, who's messed around with it and broke it! and then know what to do in the future.

  2. I have asked a similar question here but I do not get any solutions or answers from anyone i.e. just statements that point out what is going on so let me rephrase my question: I am trying to implement this https://www.w3schools.com/howto/howto_js_accordion.asp into a wordpress site and the expansion is not working. Does anyone know how to make this work properly on wordpress or is it not possible? Thanks for the help!
  3. wesolvethem

    Accordion or collapsable with wordpress

    Thank again for the reply. Although the issue is similar--the question is not. I am looking for an answer not a statement i.e. "its a wordpress issue, its how wordpress saves the code and adds unwanted paragraphs" is not an answer nor a solution nor of any help whatsoever. Perhaps "you cannot do this in wordpress" or "you need to do this to fix the issue..." would have been helpful. Is there anyone on this site that knows how to fix this or if it cannot be fixed? Again, stating the problem doesn't help me but I appreciate your efforts.
  4. wesolvethem

    Accordion or collapsable with wordpress

    Does anyone know what to do to get https://www.w3schools.com/howto/howto_js_accordion.asp to work with wordpress? I follow the instructions, and it looks correct and the + changes to - but it won't expand and I am not a coder. Thanks!
  5. wesolvethem

    CSS + JS + HTML Accordion Not Working

    Thanks for your help but I still am not sure what you are recommending I do? I am not a coder of any sort so I am trying to figure this out for the first time.
  6. wesolvethem

    CSS + JS + HTML Accordion Not Working

    I have tried multiple examples from W3Schools on my site https://wesolvethem.com/accordion-sample/, and they all worked except the following, which is the one that I want (or at least one that looks identical). https://www.w3schools.com/howto/howto_js_accordion.asp HTML: <button class="accordion">Section 1</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 2</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 3</button> <div class="panel"> <p>Lorem ipsum...</p> </div> CSS: /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 18px; background-color: white; display: none; overflow: hidden; } .accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } .active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } JS: var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } Also, I am not sure what to do with this piece "Animated Accordion (Slide Down)" or why it is there. <style> .panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } </style> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight){ panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } </script> Note: When I changed the location of the JS to footer from header, the +/- functions started working but still no expansion of the accordion.
  7. wesolvethem

    Accordion not expanding

    Thank you for the reply's! The code found here: https://www.w3schools.com/howto/howto_js_accordion.asp is exactly what I put in. Some of the data was lost in the 'copy/paste' on here because I didn't do it right.... CSS: /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 18px; background-color: white; display: none; overflow: hidden; } .accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } .active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } JS: var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } HTML: <button class="accordion">Section 1</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 2</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 3</button> <div class="panel"> <p>Lorem ipsum...</p> </div> I followed the instructions, and they worked for every example I tried except this particular accordion example--which is the one I want. My story... Any help is greatly appreciated.
  8. wesolvethem

    Accordion not expanding

    I followed these instructions: https://www.w3schools.com/howto/howto_js_accordion.asp It looks perfect: https://wesolvethem.com/accordion-sample/ But it doesn't work... :( I tried dropdown, and other codes and they all worked fine, but, of course the one I want won't work. It works find in the "try it yourself" area but not on my site even though the other codes work. I am using wordpress, and I deactivated all plugins and also tried different themes with no luck. Could anyone help me? I put this is CSS /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 18px; background-color: white; display: none; overflow: hidden; } .accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } .active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } This in JS var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc.addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } I used this in the page <button class="accordion">Section 1</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 2</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 3</button> <div class="panel"> <p>Lorem ipsum...</p> </div>
×