javascript - create nested divs with siblings using jquery -

-

it's been couple of days i'm struggling this, guys give me hand.

i need create dom looks this.

<div id="nestedaccordion"> <h2>walt disney world</h2>     <div>         <h3>magic kingdom</h3>         <div>             <ol>                 <li>one</li>             </ol>         </div>         <h3>epcot</h3>         <div>             <ol>                 <li>two</li>             </ol>         </div>         <h3>hollywood studios</h3>         <div>             <ol>                 <li>three</li>             </ol>         </div>    </div> </div>

i've tried:

$('#sidebar')  .append($('<div/>').attr('id', 'nestedaccordion').html('<h2>walt disney world</h2>')    .append($('<div/>').html('<h3>magic kingdom</h3>')     .append($('<div/>').html('<ol><li>one</li></ol>')))    .append($('<div/>').html('<h3>epcot</h3>')     .append($('<div/>').html('<ol><li>two</li></ol>')))    .append($('<div/>').html('<h3>hollywood studios</h3>')     .append($('<div/>').html('<ol><li>three</li></ol>')))  )

but "walt disney world" , "magic kingdom". rest "epcot" or "hollywood studios" never shown. plus, tried several combinations of jquery 'after', 'insertafter' , 'clone()' no luck. available examples on stackoverflow demonstrate how create nested div's there no examples of nested div's sibilings. thanks!

edit: thank guys. didn't mention needed dom jquery accordion menu (not jqueryui). bowheart solution works wonderfully accordion. don't know why guest271314 solution doesn't. in case lot!

edit, updated

try

var container = $("<div>", {     "id": "nestedaccordion",         "html": $("<h2>", {         "text": "walt disney world"     })     .add(     $("<div>", {         "html": $("<h3>", {             "text": "magic kingdom"         })         .add(         $("<div>", {             "html": $("<ol>", {                 "html": $("<li>", {                     "text": "one"                 })             })         }))         .add(         $("<h3>", {             "text": "epcot"         }))         .add(         $("<div>", {             "html": $("<ol>", {                 "html": $("<li>", {                     "text": "two"                 })             })         }))         .add(         $("<h3>", {             "text": "hollywood studios"         })         .add(         $("<div>", {             "html": $("<ol>", {                 "html": $("<li>", {                     "text": "three"                 })             })         })))     })) });  $("#sidebar").replacewith(container); 

var container = $("<div>", {      "id": "nestedaccordion",          "html": $("<h2>", {          "text": "walt disney world"      })      .add(      $("<div>", {          "html": $("<h3>", {              "text": "magic kingdom"          })          .add(          $("<div>", {              "html": $("<ol>", {                  "html": $("<li>", {                      "text": "one"                  })              })          }))          .add(          $("<h3>", {              "text": "epcot"          }))          .add(          $("<div>", {              "html": $("<ol>", {                  "html": $("<li>", {                      "text": "two"                  })              })          }))          .add(          $("<h3>", {              "text": "hollywood studios"          })          .add(          $("<div>", {              "html": $("<ol>", {                  "html": $("<li>", {                      "text": "three"                  })              })          })))      }))  });    $("#sidebar").replacewith(container);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <div id="sidebar"></div>


Comments

Post a Comment

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

-
i using activeadmin , have file doing this: activeadmin.register role something--- end however, server gives me error: runtimeerror: circular dependency detected while autoloading constant role /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:461:in `load_missing_constant' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:184:in `const_missing' ~/desktop/boxfox/app/admin/role.rb:1:in `<top (required)>' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:424:in `load' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:424:in `block in load_file' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:616:in `new_constants_in' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:423:in `load_file' /library/ruby/gems/2.0.0/gems/activesuppor...
Read more

c++ - OpenMP unpredictable overhead -

-
i have simple openmp code runs 4 empty threads , reports time: #include "omp.h" #include <sys/time.h> #include <cstdio> double start_time; void process_thread() { } int main(){ struct timeval tv; gettimeofday(&tv, null); start_time = 1000*((double)tv.tv_sec + 1e-6*(double)tv.tv_usec); printf("beginning time: %.3fms ",start_time-start_time); #pragma omp parallel schedule(static,1) for(int i=0;i<4;i++) process_thread(); gettimeofday(&tv, null); double cur_time = 1000*((double)tv.tv_sec + 1e-6*(double)tv.tv_usec); printf("finishing time: %.3fms\n\n",cur_time-start_time); } without openmp running time small , consistent: beginning time: 0.000ms finishing time: 0.050ms beginning time: 0.000ms finishing time: 0.050ms beginning time: 0.000ms finishing time: 0.049ms beginning time: 0.000ms finishing time: 0.049ms beginning time: 0.000ms finishing time: 0.050ms beginnin...
Read more

django rest framework - DRF 3.0: UniqueTogetherValidator with a read-only field -

-
in process of upgrading django rest framework 3.0 2.4.4 , want have read-only user field, failing because 'user' being required uniquetogethervalidator (i think) i have model (excuse typos, simplified , code works fine irl): class examplemodel(models.model): some_attr = models.positivesmallintegerfield() other_attr = models.positivesmallintegerfield() user = models.foreignkey(user) class meta: unique_together = ('some_attr', 'other_attr', 'user') viewset: class exampleviewset(viewsets.modelviewset): queryset = examplemodel.objects.all() serializer_class = exampleserializer def perform_create(self, serializer): serializer.save(user=self.request.user) def perform_update(self, serializer): serializer.save(user=self.request.user) serializer: class exampleserializer(serializers.modelserializer): user = userserializer(read_only=true) class meta: model = examplemodel n...
Read more