title: anythingslider vertical arrows in a secondary slider
body: <p>I would like to use a horizontal slider which include one vertical slider in one or several of it's slides (it will be dynamically built). I tested it whith the following piece of code but I would like to add vertical arrows to the vertical slider(s) and till now I couldn't succeed.
  I tried by using <code>AppendForwardTo</code> and <code>AppendBackwardTo</code> but it seems working only on the first horizontal slider. So I'm wondering if somebody already got this requirement and problem...</p>
  
  <pre><code> &lt;body&gt;
      &lt;div&gt;
          &lt;div style="height: 450px;"&gt;
            &lt;div id="Div2"&gt;
                          &lt;/div&gt;
              &lt;ul id="slider"&gt;
                 &lt;li&gt;  &lt;h2&gt; H1 First Slide of the master horizontal slider&lt;/h2&gt;&lt;/li&gt;    
                 &lt;li&gt;  &lt;h2&gt; H2 Second Slide of the master horizontal slider&lt;/h2&gt; &lt;/li&gt;
                 &lt;li&gt;  &lt;h2&gt; H3 Third Slide of the master horizontal slider&lt;/h2&gt; &lt;/li&gt;
                 &lt;li&gt;
                      &lt;div style="height: 350px;"&gt;
                          &lt;div id="arrow-up"&gt;                           
                          &lt;/div&gt;
                          &lt;ul id="slider2"&gt;
                              &lt;li&gt;  &lt;h2&gt; V1 First Slide of the secondary vertical slider in slide H4&lt;/h2&gt;&lt;/li&gt;    
                              &lt;li&gt;  &lt;h2&gt; V2 Second Slide of the secondary vertical slider in slide H4&lt;/h2&gt; &lt;/li&gt;
                              &lt;li&gt;  &lt;h2&gt; V3 Third Slide of the secondary vertical slider in slide H4&lt;/h2&gt; &lt;/li&gt;
                          &lt;/ul&gt;
                          &lt;div id="arrow-down"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
                   &lt;li&gt;  &lt;h2&gt; H5 Fifth Slide of the master horizontal slider&lt;/h2&gt; &lt;/li&gt;
              &lt;/ul&gt;
                &lt;div id="Div1"&gt;
                          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
          $(document).ready(function () {
              $('#slider').anythingSlider({
                  theme: 'minimalist-square',
                  buildArrows: true,
                  expand: true,
                  infiniteSlides: false,
                  stopAtEnd: true,
  //                appendForwardTo: $('#Div1'),
  //                appendBackTo: $('#Div2'),
                  autoPlay: false
              });
              $('#slider2').anythingSlider({
                  theme: 'minimalist-square',
                  buildArrows: true,
                  expand: true,
                  vertical: true,
  //                appendForwardTo: $('#arrow-down'),
  //                appendBackTo: $('#arrow-up'),
                  autoPlay: false
              });
          }); // end ready
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>