Plug-in Generated Code Problem

WordPress 4.9.1 running GeneratePress Child theme.
Themes: All up to date.
Plug-ins: Akismet Anti-Spam (4.0.2)
Bridge Tools II (2.1.0) — I wrote it. Deactivated it for test – no effect.
NextGEN Gallery (2.2.30)
Show-Hide/Collapse-Expand (1.1)
OS: Linux Mint (18.2) Cinnamon 64-bit

I am using Show-Hide to expand-collapse nested unordered lists. So the unit I want handling is a complete unordered list. I tried a test, following the example for showing/hiding items within a list, but did not turn the items into paragraphs as it appeared to do exactly what I wanted. I checked the code in the text editor.

It looked as though all I had to do to make my code work was to change the type from “link” to “link-list”. This appeared to work.

Then I examined the code that was being generated. There appears to be a problem. This is not a totally minimum example, but it is a real one. First my code (I use the text editor for creating most of my content). It gets wrapped in a <div> when WordPress creates the whole page:

<p><img style="float: left; padding-right: 20px;" src="wp-content/images/icons/article.png" alt="Articles icon" width="128"></p>
<h1>Articles</h1>
<div style="clear: both;"><p>&nbsp;</p></div>
<ul>
  <li><a href="index.php/articles-resources/articles/million-dollar-hobby/">Million Dollar Hobby by Greg Hanlon</a></li>
  <li>[bg_collapse view="link-list" color="#4a4949" icon="arrow" expand_text="BIL Session Notes by Ellen Pomer" collapse_text="BIL Session Notes by Ellen Pomer" ]
    <ul>
      <li><a href="index.php/articles-resources/articles/ep-bil-notes/">Overview</a></li>
      <li><a href="index.php/articles-resources/articles/ep-bil-notes/count-2/">Introduction to Counting — 1</a></li>
      <li><a href="index.php/articles-resources/articles/ep-bil-notes/count-2/">Introduction to Counting — 2</a></li>
    </ul>[/bg_collapse]
  </li>
  <li>[bg_collapse view="link-list" color="#4a4949" icon="arrow" expand_text="Linda Lee" collapse_text="Linda Lee" ]
    <ul>
      <li><a href="index.php/articles-resources/articles/l-l/detective/">Being a Bridge Detective</a></li>
      <li><a href="index.php/articles-resources/articles/l-l/long-vs-short-suit-counting/">Long Suit Versus Short Suit Counting</a></li>
      <li><a href="index.php/articles-resources/articles/l-l/hand-eval/">Hand Evaluation</a></li>
      <li><a href="index.php/articles-resources/articles/l-l/conventions/">Playing Bridge Conventions</a></li>
    </ul>[/bg_collapse]
  </li>
<!-- =================================================================
  <li>[bg_collapse view="link-list" color="#4a4949" icon="arrow" expand_text="Chris Hasney" collapse_text="Chris Hasney" ]
    <ul>
      <li><a href="index.php/articles-resources/articles/c-h/intro/">Simplicity Bridge: Introduction</a></li>
      <li><a href="index.php/articles-resources/articles/c-h/mechanics/">The Mechanics of Bridge</a></li>
      <li><a href="index.php/articles-resources/articles/c-h/trump-suit/">Playing with a Trump SUit</a></li>
      <li><a href="index.php/articles-resources/articles/c-h/auction/">The Auction</a></li>
      <li><a href="index.php/articles-resources/articles/c-h/scoring/">Scoring</a></li>
    </ul>[/bg_collapse]
  </li>
     ================================================================= -->
</ul>

And here is what the code sent to the browser (Ctrl+U in Firefox to view) looks like:

<p><img style="float: left; padding-right: 20px;" src="wp-content/images/icons/article.png" alt="Articles icon" width="128"></p>
<h1>Articles</h1>
<div style="clear: both;">
<p>&nbsp;</p>
</div>
<ul>
<li><a href="index.php/articles-resources/articles/million-dollar-hobby/">Million Dollar Hobby by Greg Hanlon</a></li>
<li><input type='hidden' bg_collapse_expand='5a37fccc718946021661081' value=5a37fccc718946021661081><input type='hidden' id='bg-show-more-text-5a37fccc718946021661081' value='BIL Session Notes by Ellen Pomer'><input type='hidden' id='bg-show-less-text-5a37fccc718946021661081' value='BIL Session Notes by Ellen Pomer'><a id='bg-showmore-action-5a37fccc718946021661081' class='bg-showmore-plg-link bg-arrow'  style=" color:#4a4949;" href='#'>BIL Session Notes by Ellen Pomer</a></ul><ul class='bg-showmore-no-padding-no-margin' id='bg-showmore-hidden-5a37fccc718946021661081' >
<ul>
<li><a href="index.php/articles-resources/articles/ep-bil-notes/">Overview</a></li>
<li><a href="index.php/articles-resources/articles/ep-bil-notes/count-2/">Introduction to Counting — 1</a></li>
<li><a href="index.php/articles-resources/articles/ep-bil-notes/count-2/">Introduction to Counting — 2</a></li>
</ul>
<p></ul><ul style='margin-top:0;margin-bottom:0'>
  </li>
<li><input type='hidden' bg_collapse_expand='5a37fccc719432028395061' value=5a37fccc719432028395061><input type='hidden' id='bg-show-more-text-5a37fccc719432028395061' value='Linda Lee'><input type='hidden' id='bg-show-less-text-5a37fccc719432028395061' value='Linda Lee'><a id='bg-showmore-action-5a37fccc719432028395061' class='bg-showmore-plg-link bg-arrow'  style=" color:#4a4949;" href='#'>Linda Lee</a></ul><ul class='bg-showmore-no-padding-no-margin' id='bg-showmore-hidden-5a37fccc719432028395061' >
<ul>
<li><a href="index.php/articles-resources/articles/l-l/detective/">Being a Bridge Detective</a></li>
<li><a href="index.php/articles-resources/articles/l-l/long-vs-short-suit-counting/">Long Suit Versus Short Suit Counting</a></li>
<li><a href="index.php/articles-resources/articles/l-l/hand-eval/">Hand Evaluation</a></li>
<li><a href="index.php/articles-resources/articles/l-l/conventions/">Playing Bridge Conventions</a></li>
</ul>
<p></ul><ul style='margin-top:0;margin-bottom:0'>
  </li>
<p><!-- =================================================================
<li>[bg_collapse view="link-list" color="#4a4949" icon="arrow" expand_text="Chris Hasney" collapse_text="Chris Hasney" ]
<ul>
<li><a href="index.php/articles-resources/articles/c-h/intro/">Simplicity Bridge: Introduction</a></li>
<li><a href="index.php/articles-resources/articles/c-h/mechanics/">The Mechanics of Bridge</a></li>
<li><a href="index.php/articles-resources/articles/c-h/trump-suit/">Playing with a Trump SUit</a></li>
<li><a href="index.php/articles-resources/articles/c-h/auction/">The Auction</a></li>
<li><a href="index.php/articles-resources/articles/c-h/scoring/">Scoring</a></li>
    </ul>
[/bg_collapse]
  </li>
     ================================================================= -->
</ul>

Notice how the generated code closes the outer unordered list. Then at the end of the nested unordered list, the paragraph tag and ending+starting unordered list tags.

I’m obviously missing something in trying to achieve my objective. For the moment I will leave things the way they are, at least until I’m close to finishing the initial website development.

• This topic was modified 8 years, 5 months ago by johngoold.
• This topic was modified 8 years, 5 months ago by johngoold.
• This topic was modified 8 years, 5 months ago by johngoold.

The page I need help with: [log in to see the link]