Question

您好我在我的网页上使用过bootstrap手风琴。它在Chrome中工作正常但在mozilla firefox中没有工作。社交分享按钮没有在mozilla firefox中显示。点击第一个手风琴并点击第二个手风琴第一个一个不是仅在mozilla中立即关闭。无法在mozilla中显示社交分享图标。

<div class="digitalmarketingassociate">
                  <span class="digit"><?php echo $r->job_name ;?></span>
                  <div class="applynow">Apply Now</div>
                  <div class="moreinfo accordion" >More Info</div>
                    <div class="panel">         

                            <h3 class="job">Job Description</h3>
                            <p class="jobdes"><?php echo $r->job_description ;?></p>

                            <h3 class="job">Desired Skills & Experience</h3>
                            <p class=""desiredskills"><?php echo $r->skills_experience ;?></p>

                            <h3 class="job">Educational Qualification</h3>
                            <p class="educationalqua"><?php echo $r->qualification ;?></p>

                            <h3 class="job">Roles and Responsibilities</h3>
                            <ul class="rolesand">
                                <li class="rolesandres"><?php echo $r->roles_responsibilities;?></li>
                            </ul>

                            <h3 class="job">What we offer</h3>
                            <p class="whatweoffer"><?php echo $r->what_we_offer ;?></p>


                            <h3 class="job">How to apply</h3>
                            <p class="howtoapp">Email us your resume along with your Linkedin profile on <a href="mailto:hrmanager@xxxx.com" class="hrmanager">hrmanager@xxxx.com</a> with subject line in the following format:<br/>
                            Position Applied for | Total Experience | Any two top skills | Expected Monthly Salary<br/>
                            Alternatively, you can also apply via <img src="<?php echo base_url();?>theme/images/testimonial/linkedin.png" alt="linkedin" /></p>

                            <h3  class="job">Share this job</h3>                

                            <div class="facebookaccount"><div class="fb-share-button" data-href="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_name ;?>"data-layout="button_count"></div></div>
                            <div class="twitteraccount"><a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></div>
                            <div class="linkedinaccount"><span class="linkedincount"><script type="IN/Share" data-url="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_name ;?>" data-counter="right"></script></span></div>
                            <div class="googleaccount"><div class="g-plus" data-action="share" data-height="24" data-href="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_name ;?>"></div></div>

                    </div>

                </div>

使用Javascript：

<script>
var acc = document.getElementsByClassName("accordion");
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
   this.classList.toggle("active");
   this.nextElementSibling.classList.toggle("show");
 }
 }
</script>

Bootstrap手风琴在mozilla中无法正常工作

0 个答案: