Member Avatar for Omar_6

Hi, I have a header with a brief about someone, and I have an icon that should replace the brief div with social icons, I've already coded the basic markup, but I don't know how to do that with jquery

Here's my code:

            <div id="info">
                <h4 id="aboutinfo">I’m <span>Omar Soliman,</span><p>a front-end developer at <span>LioIT</span></p></h4>
                <div id="social-icons" style="display: none;">
                    <a href="#" id="fb"><span class="socicon socicon-facebook"></span></a>
                    <a href="#" id="tw"><span class="socicon socicon-twitter"></span></a>
                    <a href="#" id="dr"><span class="socicon socicon-dribbble"></span></a>
                    <a href="#" id="vm"><span class="socicon socicon-vimeo"></span></a>
                </div>
            </div>

Now that h4 tag called "aboutinfo" should be replaced onclick of a button with that div called "social-icons"

  • 2 Contributors
  • 1 Reply
  • 167 Views
  • 35 Minutes Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for JorgeM

Now that h4 tag called "aboutinfo" should be replaced onclick of a button with that div called "social-icons"

you'll need to clarify what you are asking. What is it that will be clicked? Where are the other elements that you want to display?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.