in Education by
Here is my JSFiddle Preview is shown in div box. I want to add close option on right top. How could be done so that when user click on it box should be disabled. Code Snippet .duyurular { background-color: rgba(255, 255, 255, 0.8); border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #212121; height: 42px; line-height: 42px; padding: 0 16px; } .duyurular > i { background-color: #27ae60; border-radius: 4px 0 0 4px; color: #fff; float: left; font-size: 16px; height: 42px; line-height: 42px; margin: 0 16px 0 -16px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); width: 42px; } .otomesaj { float: left; font-family: "Exo 2",sans-serif; font-size: 13px; margin: 1px auto 0; padding: 0 5px; width: 680px; } .otomesaj ul { margin: 0; padding: 0; } .duyurus { color: #212121; display: none; list-style: outside none none; text-align: left; }
  • Temamız yapım aşamasındadır sürekli yenilenmekte ve geliştirilmektedir.
Run code snippetExpand snippet JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

1 Answer

0 votes
by
try this code,this may help you $(document).ready(function(){ $('.right').click(function(){ $(this).parent().hide('slow'); }) }) .duyurular { background-color: rgba(255, 255, 255, 0.8); border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #212121; height: 42px; line-height: 42px; padding: 0 16px; } .duyurular > i { background-color: #27ae60; border-radius: 4px 0 0 4px; color: #fff; float: left; font-size: 16px; height: 42px; line-height: 42px; margin: 0 16px 0 -16px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); width: 42px; } .otomesaj { float: left; font-family: "Exo 2",sans-serif; font-size: 13px; margin: 1px auto 0; padding: 0 5px; width: 680px; } .otomesaj ul { margin: 0; padding: 0; } .duyurus { color: #212121; display: none; list-style: outside none none; text-align: left; } .right{ position:relative; text-align:right; left:350px; background-color:red; }
s
  • Temamız yapım aşamasındadır sürekli yenilenmekte ve geliştirilmektedir.
Run code snippetExpand snippet

Related questions

0 votes
    How can I apply my div position x value to a variable? And how to iterate it in a for loop? ... , JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jul 20, 2022 in Education by JackTerrance
0 votes
    I Know I can do this with static HTML, but I want to create dynamically, and I am struggling a ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 12, 2022 in Education by JackTerrance
0 votes
    I Know I can do this with static HTML, but I want to create dynamically, and I am struggling a ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 8, 2022 in Education by JackTerrance
0 votes
    [reposting deleted question with more detail] I've searched for an answer to this but not found a reference ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 19, 2022 in Education by JackTerrance
0 votes
    [reposting deleted question with more detail] I've searched for an answer to this but not found a reference ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 11, 2022 in Education by JackTerrance
0 votes
    [reposting deleted question with more detail] I've searched for an answer to this but not found a reference ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 10, 2022 in Education by JackTerrance
0 votes
    In my web application, I have tabs and if any of the tab is clicked, the corresponding page will ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Feb 18, 2022 in Education by JackTerrance
0 votes
    In my web application, I have tabs and if any of the tab is clicked, the corresponding page will ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Feb 18, 2022 in Education by JackTerrance
0 votes
    In my web application, I have tabs and if any of the tab is clicked, the corresponding page will ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Feb 18, 2022 in Education by JackTerrance
0 votes
    Based on Raphael demo: http://raphaeljs.com/australia.html I have created objects that changes their colour. ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Feb 13, 2022 in Education by JackTerrance
0 votes
    I am trying to create an app using AngularJS that takes a user's location (from their mobile) and ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 19, 2022 in Education by JackTerrance
0 votes
    I am trying to create an app using AngularJS that takes a user's location (from their mobile) and ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 12, 2022 in Education by JackTerrance
0 votes
    I wanted to show a loading icon to users until the page elements are fully loaded. How can I do ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked Jun 10, 2022 in Education by JackTerrance
0 votes
    I have a landing page with sticky header. When user start scroll and the page displays .second-section . ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 26, 2022 in Education by JackTerrance
0 votes
    I have the access to this DOM node in temp1.$el. And here is the content which the above variable ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked May 26, 2022 in Education by JackTerrance
...